美文网首页
javascript text different

javascript text different

作者: 代码界的小学生 | 来源:发表于2019-11-07 09:49 被阅读0次

    实现工商信息变更样式

    效果图:


    js_text_diff.png
        function diff(){
            let oldStr = '技术开发、技术推广、技术咨询、技术服务;软件开发;组织文化艺术交流活动(不含演出);承办展览展示;销售新鲜蔬菜、新鲜水果、文化用品、工艺品、日用品、厨房用具;零售电子产品。依法须经批准的项目,经相关部门批准后依批准的内容开展经营活动。'
            let newStr = '销售食品。技术开发、技术推广、技术咨询、技术服务;软件开发;组织文化艺术交流活动(不含演出);承办展览展示;销售文化用品、工艺品、日用品、厨房用具、销售食品以及依法须经批准的项目,经相关部门批准后依批准的内容开展经营活动。'
            // 通过符号分割成数组
            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 = ''
            // 将新的字符串中不同的部分标红
            for(let addStr of diffNewArr){
                strWithDiff = newStr.replace(addStr, `<span style="color:red">${addStr}</span>`)
            }
            return strWithDiff
        }
    

    相关文章

      网友评论

          本文标题:javascript text different

          本文链接:https://www.haomeiwen.com/subject/tgembctx.html