別のアプローチ
引用符と非引用符の文字列を解析し、引用符と非引用符の順序を保持し、ReactまたはReact Native用に特定のタグをラップして出力できるアプローチが必要なため、ここで回答を使用しませんでした。それらを自分のニーズに合わせる方法がわからなかったので、代わりにこれを行いました。
function parseQuotes(str) {
var openQuote = false;
var parsed = [];
var quote = '';
var text = '';
var openQuote = false;
for (var i = 0; i < str.length; i++) {
var item = str[i];
if (item === '"' && !openQuote) {
openQuote = true;
parsed.push({ type: 'text', value: text });
text = '';
}
else if (item === '"' && openQuote) {
openQuote = false;
parsed.push({ type: 'quote', value: quote });
quote = '';
}
else if (openQuote) quote += item;
else text += item;
}
if (openQuote) parsed.push({ type: 'text', value: '"' + quote });
else parsed.push({ type: 'text', value: text });
return parsed;
}
これを与えられたとき:
'Testing this "shhhh" if it "works!" " hahahah!'
それを生成します:
[
{
"type": "text",
"value": "Testing this "
},
{
"type": "quote",
"value": "shhhh"
},
{
"type": "text",
"value": " if it "
},
{
"type": "quote",
"value": "works!"
},
{
"type": "text",
"value": " "
},
{
"type": "text",
"value": "\" hahahah!"
}
]
これにより、タグを簡単にラップすることができます。
https://jsfiddle.net/o6seau4e/4/