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

cgspine 發(fā)布于2019-08-29 14:18 / 2691人閱讀

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

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

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

需要高亮的關(guān)鍵詞：京東商城、京東、京東物流、京東集團(tuán)

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

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

但是這樣子做，會導(dǎo)致兩個問題：
1、“京東物流”“京東集團(tuán)”無法高亮
2、重復(fù)添加高亮標(biāo)簽。關(guān)鍵詞“京東”在“京東商城”后面，會導(dǎo)致文字“京東商城”變成

京東商城

改進(jìn)思路（分別對應(yīng)問題1、2）：
1、將關(guān)鍵詞數(shù)組排序，長度較長的排在前面，優(yōu)先高亮
2、將……區(qū)域排除。主要利用正則表達(dá)式中的元字符?!pattern（正向否定預(yù)查）實現(xiàn)。

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

改進(jìn)后的代碼：

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
最終效果：

云服務(wù)器 GPU云服務(wù)器京東商城運營總監(jiān) 京東商城購物安全京東商城api 京東物流安全依靠騰訊云

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113048.html

發(fā)表評論

登陸后可評論

0條評論

cgspine

男|高級講師

我要關(guān)注我要私信

TA的文章

實戰(zhàn)技能分享，各種數(shù)據(jù)類型的SPI, UART, I2C，F(xiàn)DCAN等方式的通信傳輸以及存儲到EEP

閱讀 695·2021-11-23 09:51
大廠的532道面試題知識點筆記

閱讀 3287·2019-08-30 15:54
面試闖關(guān)1

閱讀 447·2019-08-30 15:52
三種方式實現(xiàn)圣杯布局

閱讀 3121·2019-08-30 13:58
前端總結(jié)

閱讀 2924·2019-08-30 13:53
正則：高亮多個相似關(guān)鍵詞，如京東、京東物流、京東商城…

閱讀 2692·2019-08-29 14:18
解析XML和JSON內(nèi)容的一點技巧

閱讀 2425·2019-08-27 10:54
React入門系列 - 4. 認(rèn)識無狀態(tài)組件

閱讀 2372·2019-08-26 18:09

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

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

相關(guān)文章