Javascript檢查一個(gè)字符串是否包含另一個(gè)字符串方法總結(jié)

pubdreamcc 發(fā)布于2019-08-26 13:29 / 1199人閱讀

摘要：代碼如下方法方法與類(lèi)似，用來(lái)返回一個(gè)字符串在另一個(gè)字符串中的位置，如果沒(méi)找到那就返回。唯一需要注意的是，方法的參數(shù)是一個(gè)正則表達(dá)式。

站長(zhǎng)博客：https://www.pipipi.net/

ES6 includes 方法
當(dāng)包含時(shí)返回true，不包含時(shí)返回false，代碼實(shí)例如下：

var string = "foo";
        var substring1 = "oo";
        var substring2 = "oq";
        string.includes(substring1); //true
        string.includes(substring2); //false

ES5或者更老版本 indexOf方法
String.prototype.indexOf方法用來(lái)返回一個(gè)字符串在另一個(gè)字符串中的位置，如果沒(méi)找到那就返回 -1 。代碼如下：

var string = "foo",
    substring = "oo";
string.indexOf(substring) !== -1;//true

search方法
search方法與indexOf類(lèi)似，用來(lái)返回一個(gè)字符串在另一個(gè)字符串中的位置，如果沒(méi)找到那就返回-1,。唯一需要注意的是，search方法的參數(shù)是一個(gè)正則表達(dá)式。代碼如下：

var string = "foo",
    expr = /oo/;
string.search(expr);// 返回1

lodash includes方法
使用Javascript工具庫(kù)lodash的includes方法，該方法返回一個(gè)布爾值，代碼如下：

_.includes("foobar", "ob");
// → true

RegExp正則表達(dá)式
使用正則表達(dá)式的match來(lái)判斷是否包含，代碼如下：

var string = "foo",
    expr = /oo/;  // no quotes here
expr.test(string);//true

Match方法
使用match的方法，該方法字符串不匹配的話(huà)就返回null，代碼如下：

var string = "foo",
    expr = /oo/,
    expr2 = /oa/;
string.match(expr);//["oo", index: 1, input: "foo", groups: undefined]
string.match(expr2);//null

總結(jié)
根據(jù)國(guó)外大神的測(cè)試結(jié)果顯示，indexOf在速度上可能是最快的，因此推薦大家在日常中還是經(jīng)常使用indexOf這個(gè)方法。

云服務(wù)器 GPU云服務(wù)器 php第一個(gè)字符 php定義一個(gè)字符第一個(gè)字符java 定義一個(gè)字符java

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/108892.html

相關(guān)文章

[JS進(jìn)階] 編寫(xiě)可維護(hù)性代碼 (1)

摘要：如果值是基本類(lèi)型，則用操作符檢查其類(lèi)型?？偨Y(jié)所有編程語(yǔ)言都需要可維護(hù)性良好的代碼，這個(gè)很重要，因?yàn)榇蟛糠珠_(kāi)發(fā)人員都花費(fèi)大量時(shí)間維護(hù)他人的代碼。 o(╯□╰)o 這并不是什么史詩(shī)巨作，沒(méi)有非常深入去挖掘這類(lèi)問(wèn)題，只是從平常的JS代碼習(xí)慣，參考書(shū)籍總結(jié)而來(lái)，希望對(duì)你有幫助的！今天的web應(yīng)用大至成千上萬(wàn)行的javascript代碼，執(zhí)行各種復(fù)雜的過(guò)程，這種演化讓我們開(kāi)發(fā)者必...

Youngdze 2019-08-21 10:27 評(píng)論0 收藏0
《JavaScript面向?qū)ο缶纷x書(shū)筆記

摘要：解除引用的最佳手段是將對(duì)象變量設(shè)置為。字面形式允許你在不需要使用操作符和構(gòu)造函數(shù)顯示創(chuàng)建對(duì)象的情況下生成引用值。函數(shù)就是值可以像使用對(duì)象一樣使用函數(shù)因?yàn)楹瘮?shù)本來(lái)就是對(duì)象，構(gòu)造函數(shù)更加容易說(shuō)明。 JavaScript（ES5）的面向?qū)ο缶?標(biāo)簽： JavaScript 面向?qū)ο?讀書(shū)筆記 2016年1月16日-17日兩天看完了《JavaScript面向?qū)ο缶罚▍⒓赢惒缴鐓^(qū)的活動(dòng)送...

GitCafe 2019-08-19 17:26 評(píng)論0 收藏0
Javascript中的的對(duì)象——原型模式(Prototype)

摘要：使用原型模式添加方法和屬性在前面的章節(jié)中，已經(jīng)學(xué)習(xí)過(guò)了如何定義一個(gè)構(gòu)建新對(duì)象時(shí)使用的構(gòu)造函數(shù)。向構(gòu)造函數(shù)的中添加方法和屬性是在對(duì)象被創(chuàng)建的時(shí)候?yàn)閷?duì)象添加功能的另一種方式。讓我們繼續(xù)使用對(duì)象作為構(gòu)造函數(shù)的原型屬性。本文原文來(lái)源：《Object-Oriented JavaScript》By Stoyan Stefanov本文翻譯來(lái)源：赤石俊哉原創(chuàng)翻譯版權(quán)申明：如果您是原文的原作者并且...

岳光 2019-08-20 14:44 評(píng)論0 收藏0
高程3總結(jié)#第23章離線(xiàn)應(yīng)用與客戶(hù)端存儲(chǔ)

摘要：離線(xiàn)應(yīng)用與客戶(hù)端存儲(chǔ)離線(xiàn)檢測(cè)定義了屬性來(lái)檢測(cè)設(shè)備是在線(xiàn)還是離線(xiàn)。應(yīng)用緩存還有很多相關(guān)的事件，表示其狀態(tài)的改變。離線(xiàn)應(yīng)用與客戶(hù)端存儲(chǔ) 離線(xiàn)檢測(cè) HTML5定義了navigator.onLine屬性來(lái)檢測(cè)設(shè)備是在線(xiàn)還是離線(xiàn)。這個(gè)屬性為true表示設(shè)備能上網(wǎng)，值為false表示設(shè)備離線(xiàn)。這個(gè)屬性的關(guān)鍵是瀏覽器必須知道設(shè)備能否訪問(wèn)網(wǎng)絡(luò)，從而返回正確的值不同瀏覽器之間有小差異 IE6+...

MobService 2019-08-23 12:15 評(píng)論0 收藏0
〔總結(jié)〕容易遺忘的JS知識(shí)點(diǎn)整理

摘要：命名函數(shù)的賦值表達(dá)式另外一個(gè)特殊的情況是將命名函數(shù)賦值給一個(gè)變量。這是由于的命名處理所致，函數(shù)名在函數(shù)內(nèi)總是可見(jiàn)的。當(dāng)需要向回調(diào)函數(shù)傳遞參數(shù)時(shí)，可以創(chuàng)建一個(gè)匿名函數(shù)，在函數(shù)內(nèi)執(zhí)行真實(shí)的回調(diào)函數(shù)。 1.hasOwnProperty相關(guān) 為了判斷一個(gè)對(duì)象是否包含自定義屬性而不是原型鏈上的屬性，我們需要使用繼承自 Object.prototype 的 hasOwnProperty方法。has...

explorer_ddf 2019-08-22 11:18 評(píng)論0 收藏0