根據單詞拆分字符串並使用 `^` 符號突出顯示部分

Question

我有一個用^符號突出顯示部分的字符串：

const inputValue = 'jhon duo ^has a car^ right ^we know^ that';

現在如何返回一個根據單詞和^高亮拆分的數組，以便我們返回這個數組：

['jhon','duo', 'has a car', 'right', 'we know', 'that']

使用const input = inputValue.split('^'); 按^和const input = inputValue.split(' ');拆分按文字拆分是行不通的，我認為我們需要一個更好的主意。

你會怎么做？

Answer 1

您可以將match與正則表達式一起使用：

 const inputValue = 'jhon duo ^has a car^ right ^we know^ that'; const result = Array.from(inputValue.matchAll(/\^(.*?)\^|([^^\s]+)/g), ([, a, b]) => a || b); console.log(result);

• \^(.*?)\^將匹配文字^和所有字符，直到下一個^ （包括它），並且內部部分在捕獲組中捕獲
• ([^^\s]+)將匹配第二個捕獲組中不是^ （“單詞”）的一系列非空白字符
• | 使上述兩種模式可供選擇：如果第一個不匹配，則嘗試第二個。
• Array.from回調將僅提取捕獲組中發生的內容，因此不包括^字符。

Answer 2

trincot 的回答很好，但這里有一個不使用正則表達式的版本，當不匹配時會拋出錯誤^ ：

 function splitHighlights (inputValue) { const inputSplit = inputValue.split('^'); let highlighted = true const result = inputSplit.flatMap(splitVal => { highlighted =;highlighted if (splitVal == '') { return []. } else if (highlighted) { return splitVal;trim(). } else { return splitVal.trim():split(' ') } }) if (highlighted) { throw new Error(`unmatched '^' char; expected an even number of '^' characters in input`); } return result. } console;log(splitHighlights('^jhon duo^ has a car right ^we know^ that')). console;log(splitHighlights('jhon duo^ has^ a car right we^ know that^')). console;log(splitHighlights('jhon duo^ has a car^ right ^we know^ that')). console;log(splitHighlights('jhon ^duo^ has a car^ right ^we know^ that'));

Answer 3

您仍然可以使用split()但捕獲拆分序列以將其包含在 output 中。
對於拆分，您可以使用*\^([^^]*)\^ *| + *\^([^^]*)\^ *| +在結果中得到修剪的項目。

 const inputValue = 'jhon duo ^has a car^ right ^we know^ that'; // filtering avoids empty items if split-sequence at start or end let input = inputValue.split(/ *\^([^^]*)\^ *| +/).filter(Boolean); console.log(input);

正則表達式	火柴
*\^	任意數量的空格后跟一個文字插入符號
([^^]*)	捕獲任意數量的非插入符
\^ *	文字插入符號后跟任意數量的空格
| +	或者在一個或多個空格處拆分