英文字母或者中文字母文本替换

最近在做项目中遇到了一个问题，一段文本中需要标记一个数组中的关键字，直接用遍历关键字数组然后replace文本的方式，可能会导致数组最后一个关键字无法替换，如下图

let a = 'slist,maplist,pli'
let positive = ['list', 'maplist', 'pli']
positive.map((item) => {
    let showKey = "<span style='background-color: #FF8000;'>" + item + '</span>'
    a = a.replace(new RegExp(item, 'g'), showKey)
    console.log('a', a)
//s<span style='background-color: #FF8000;'>list</span>,map<span style='background-color: #FF8000;'>list</span>,<span style='background-color: #FF8000;'>pli</span>
})    

可以看到上图中的maplist关键字没有被替换，这是因为在positive遍历时第一次取到positive中第一个值list时，已经将文本中所有的list进行替换，导致后面去寻找第二个值‘，maplist时，在文本中找不到。

用以下方式可以规避此问题，将positive数组进行重新排序，先在文本中找到长的值，在文本中进行替换

let a = 'slist,maplist,pli'
let positive = ['list', 'maplist', 'pli']
// 将positive重新排序，字段长度长的排在前面
positive = positive.sort((a, b) => {
    return b.length - a.length
})
console.log(positive)
positive.map((item) => {
    let showKey = "<span style='background-color: #FF8000;'>" + item + '</span>'
    a = a.replace(new RegExp(item, 'g'), showKey)
    console.log('a', a)
// s<span style='background-color: #FF8000;'>list</span>,<span style='background-color: #FF8000;'>map<span style='background-color: #FF8000;'>list</span></span>,<span style='background-color: #FF8000;'>pli</span>
})