根据多个值简化数组

时间:2018-09-25 11:14:47

标签: reactjs reduce

我正在使用一种工具来突出显示文本中的给定单词。它可以工作,但不区分大小写,我想在我的Reduce函数中检查单词的大写,大写和小写版本:

这是我的代码:

textItem.split(searchText)
.reduce((strArray, currentValue, currentIndex) => (
   currentIndex === 0 ?
   ([...strArray, currentValue]) :
   ([...strArray,
   <mark key={currentIndex}>{searchText}</mark>,
   currentValue])
   ),
[]);

不幸的是,在第一次使用后再添加另一个split和reduce对我不起作用,我认为原因是reduce函数中的组件!

如何检查文本中单词的大写,大写和小写形式?

1 个答案:

答案 0 :(得分:2)

如果是字符串,为什么不使用String#replace?喜欢

for (let i = 0; i < 10; i++)
{
   $('#k'+i).on("click", function(){reavelCard(i);});
}

let text = 'Lorem Ipsum lattim rand stack ipsum'; const searchText = 'ipsum'; text = text.replace(new RegExp(searchText, 'gi'), match => { return <mark>{match}</mark>; }); 选项可以使研究案例不区分大小写,并且不会出现所有情况。