var arr = ['上海市公园', '上海自来水公司', '夜上海']
var value = '上海'
var ul = document.getElementsByTagName('ul')[0]
arr.forEach(item => {
if(item.indexOf(value) !== -1) {
let li = document.createElement('li')
li.innerHTML = item.replace(value, `<span style="color: blue">${value}</span>`)
ul.appendChild(li)
}
})
假设用户搜索上海,针对匹配信息项中上海字体高亮: