正則：高亮多個相似關鍵詞，如京東、京東物流、京東商城…

neroneroffy 發布于2019-08-01 18:26 / 3329人閱讀

摘要：最近項目遇到一個小需求，就是在一段文字中，高亮幾個關鍵詞，例如以下文字京東是中國一家自營式購物網站，創始人劉強東擔任京東集團。年月日，京東集團宣布正式組建京東物流子集團。

最近項目遇到一個小需求，就是在一段文字中，高亮幾個關鍵詞，例如以下文字：

京東（JD.com）是中國一家自營式B2C購物網站，創始人劉強東擔任京東集團CEO。旗下設有京東商城、京東金融、拍拍網、京東智能、O2O及海外事業部。2013年正式獲得虛擬運營商牌照。2014年5月，在美國納斯達克證券交易所正式掛牌上市（股票代碼：JD）。2016年6月與沃爾瑪達成深度戰略合作，1號店并入京東。2017年1月4日，中國銀聯宣布京東金融旗下支付公司正式成為銀聯收單成員機構。2017年4月25日，京東集團宣布正式組建京東物流子集團。2017年8月3日，2017年“中國互聯網企業100強”榜單發布，京東排名第四位。

需要高亮的關鍵詞：京東商城、京東、京東物流、京東集團

最簡單的辦法，就是利用正則表達式，像這樣：

function addKeyWordHighline(oText,keyWords){
    //oText->一段文字,keyWords->關鍵詞數組
    var returnVal=oText;
    for(var i=0;i"+keyWords[i]+"");
        }
    }
    return returnVal;
}

但是這樣子做，會導致兩個問題：
1、“京東物流”“京東集團”無法高亮
2、重復添加高亮標簽。關鍵詞“京東”在“京東商城”后面，會導致文字“京東商城”變成

京東商城

改進思路（分別對應問題1、2）：
1、將關鍵詞數組排序，長度較長的排在前面，優先高亮
2、將……區域排除。主要利用正則表達式中的元字符?!pattern（正向否定預查）實現。

正向否定預查：在任何不匹配pattern的字符串開始處匹配查找字符串。這是一個非獲取匹配，也就是說，該匹配不需要獲取供以后使用。例如"Windows(?!95|98|NT|2000)"能匹配"Windows3.1"中的"Windows"，但不能匹配"Windows2000"中的"Windows"。

改進后的代碼：

function addKeyWordHighline(oText,keyWords){
    var returnVal=oText,
        i=0,
        wordReg;
    keyWords.sort(compareWordLength);
    
    for(i=0;i.[^<]*)"+keyWords[i]+"(?!.[^<]*)","g");
            returnVal=returnVal.replace(wordReg,""+keyWords[i]+"");
        }
    }
    return returnVal;
}

function compareWordLength(a,b){
    if(a.length>b.length){
        return -1;
    }else if(a.length
最終效果：

GPU云服務器云服務器京東商城運營總監京東商城購物安全京東商城api 京東物流安全依靠騰訊云

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51737.html

正則：高亮多個相似關鍵詞，如京東、京東物流、京東商城…

摘要：最近項目遇到一個小需求，就是在一段文字中，高亮幾個關鍵詞，例如以下文字京東是中國一家自營式購物網站，創始人劉強東擔任京東集團。年月日，京東集團宣布正式組建京東物流子集團。最近項目遇到一個小需求，就是在一段文字中，高亮幾個關鍵詞，例如以下文字：京東（JD.com）是中國一家自營式B2C購物網站，創始人劉強東擔任京東集團CEO。旗下設有京東商城、京東金融、拍拍網、京東智能、O2O及海外...

TIGERB 2019-08-22 14:00 評論0 收藏0
正則：高亮多個相似關鍵詞，如京東、京東物流、京東商城…

摘要：最近項目遇到一個小需求，就是在一段文字中，高亮幾個關鍵詞，例如以下文字京東是中國一家自營式購物網站，創始人劉強東擔任京東集團。年月日，京東集團宣布正式組建京東物流子集團。最近項目遇到一個小需求，就是在一段文字中，高亮幾個關鍵詞，例如以下文字：京東（JD.com）是中國一家自營式B2C購物網站，創始人劉強東擔任京東集團CEO。旗下設有京東商城、京東金融、拍拍網、京東智能、O2O及海外...

cgspine 2019-08-29 14:18 評論0 收藏0
京東云攜手常州：云計算賦能千家萬鋪打造發展新動能

摘要：年月日，常州市天寧區政府天寧經濟開發區管委會京東云和常州市近家地方企業集聚一堂，共同見證了云聚龍城共筑天寧千家萬鋪上京東常州云商大會的啟動。年月日，京東云助力常州智造亮相年上海經貿活動周。在剛剛結束的全國兩會上，云計算第四次被提上國家發展重要議程，成為推動中國制造2025的和國家信息產業發展的重要戰略抓手。2018年3月23日，常州市天寧區政府、天寧經濟開發區管委會、京東云和常州市近300家...

cppowboy 2019-04-30 11:34 評論0 收藏0