replace目标替换，怎么让剩余的也替换？

Question

const tit = 'abdfjijABaja2324'
const sp = 'ab'
const reg = new RegExp('(' + sp + ')', 'gi')
return tit.replace(reg, '<span class="s-name">$1</span>')

结果为：
<span class="s-name">ab</span>dfjij<span class="s-name">AB</span>aja2324

想实现结果：
<span class="s-name">ab</span><span>dfjij</span><span class="s-name">AB</span><span>aja2324</span>

Answer 1

别用 replace ，用 split

const tit = 'abdfjijABaja2324'
const sp = 'ab'
const reg = new RegExp('(' + sp + ')', 'gi')
tit.split(reg)
    .filter(Boolean) // 过滤空值
    .map(item => `<span class="s-name">${item}</span>`) // 重组字符串
    .join('') // 数组合并字符串