實現(xiàn)工商信息變更樣式
效果圖:
js_text_diff.png
function diff(){
let oldStr = '技術(shù)開發(fā)芥吟、技術(shù)推廣赶熟、技術(shù)咨詢、技術(shù)服務(wù);軟件開發(fā)阳惹;組織文化藝術(shù)交流活動(不含演出);承辦展覽展示;銷售新鮮蔬菜奕枝、新鮮水果、文化用品瓶堕、工藝品隘道、日用品、廚房用具郎笆;零售電子產(chǎn)品谭梗。依法須經(jīng)批準(zhǔn)的項目,經(jīng)相關(guān)部門批準(zhǔn)后依批準(zhǔn)的內(nèi)容開展經(jīng)營活動宛蚓。'
let newStr = '銷售食品激捏。技術(shù)開發(fā)、技術(shù)推廣凄吏、技術(shù)咨詢远舅、技術(shù)服務(wù);軟件開發(fā)竞思;組織文化藝術(shù)交流活動(不含演出)表谊;承辦展覽展示;銷售文化用品盖喷、工藝品爆办、日用品、廚房用具课梳、銷售食品以及依法須經(jīng)批準(zhǔn)的項目距辆,經(jīng)相關(guān)部門批準(zhǔn)后依批準(zhǔn)的內(nèi)容開展經(jīng)營活動。'
// 通過符號分割成數(shù)組
let oldStrArr = oldStr.split(/[暮刃、跨算;,椭懊。]/)
let diffNewStr = newStr
// 將完全相同的部分替換掉
for(let key of oldStrArr){
diffNewStr = diffNewStr.replace(key, '')
}
// 去除新字符串中替換掉的空字符串
let diffNewArr = diffNewStr.split(/[诸蚕、;氧猬,背犯。]/).filter(item => {return !!item})
let strWithDiff = ''
// 將新的字符串中不同的部分標(biāo)紅
for(let addStr of diffNewArr){
strWithDiff = newStr.replace(addStr, `<span style="color:red">${addStr}</span>`)
}
return strWithDiff
}