js判斷一個字符串是否包含一個子串的方法
更新時間：2015年01月26日 14:44:08 投稿：shichen2014
這篇文章主要介紹了js判斷一個字符串是否包含一個子串的方法,實例分析了判斷的技巧與第三方腳本的使用方法,需要的朋友可以參考下
本文實例講述了js判斷一個字符串是否包含一個子串的方法。分享給大家供大家參考。具體如下：
在我們前端日常開發(fā)中，經(jīng)常會遇到判斷一個字符串中是否包含某個子串，這里我們將去探究一些解決此種需求的方法以及正確的使用它們。理想情況下，我們要找的是一個能匹配我們的目的（if x contains y）的方法，并返回true或false。
一、String.prototype.indexOf和String.prototype.lastIndexOf
這兩個方法，可能是我們最容易想到的，如果包含子串，則返回大于等于0的索引，否則返回-1，沒有達(dá)到我們的理想情況。
復(fù)制代碼 代碼如下:
var str = "My blog name is Benjamin-專注前端開發(fā)和用戶體驗",
substr = "Benjamin";
function isContains(str, substr) {
return str.indexOf(substr) >= 0;
}
//true
console.log(isContains(str, substr));
substr = "Benjamin";
function isContains(str, substr) {
return str.indexOf(substr) >= 0;
}
//true
console.log(isContains(str, substr));
二、String.prototype.search
我們想到了String.prototype.search方法，因search方法的參數(shù)是一個正則表達(dá)式，所以和indexOf的情況相同。
復(fù)制代碼 代碼如下:
var str = "My blog name is Benjamin-專注前端開發(fā)和用戶體驗",
substr = "Benjamin";
function isContains(str, substr) {
return new RegExp(substr).test(str);
}
//true
console.log(isContains(str, substr));
substr = "Benjamin";
function isContains(str, substr) {
return new RegExp(substr).test(str);
}
//true
console.log(isContains(str, substr));
這個方法比indexOf方法看起來好點，該方法直接返回true or false,同時方法名稱test比indexOf更有語義性。
三、String.prototype.contains
復(fù)制代碼 代碼如下:
var str = "My blog name is Benjamin-專注前端開發(fā)和用戶體驗",
substr = "Benjamin";
function isContains(str, substr) {
return str.contains(substr);
}
//true
console.log(isContains(str, substr));
substr = "Benjamin";
function isContains(str, substr) {
return str.contains(substr);
}
//true
console.log(isContains(str, substr));
此方法目前只有Firefox支持，還處于ECMAScript 6草案中。這個方法滿足了上面提到的理想情況。詳情請點擊這里。如果你想使用contains方法，可以參考第三方庫string.js，點擊此處本站下載string.js。源碼實現(xiàn)：
復(fù)制代碼 代碼如下:
contains: function(ss) {
return this.s.indexOf(ss) >= 0;
},
return this.s.indexOf(ss) >= 0;
},
其它方法待補(bǔ)充。。。
當(dāng)然在性能問題上，使用哪種方法更快，還有待測試。感興趣的朋友不妨親自動手測試一下。
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了原生js添加一個或多個類名的方法,結(jié)合實例形式分析了javascript針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-07-07
Javascript實現(xiàn)div的toggle效果實例分析
這篇文章主要介紹了Javascript實現(xiàn)div的toggle效果的方法,實例分析了采用純javascript實現(xiàn)toggle效果的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了ES6新特性之變量的解構(gòu)賦值操作,結(jié)合實例形式分析了ES6針對數(shù)組、對象等的解構(gòu)賦值操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
Javascript實現(xiàn)獲取窗口的大小和位置代碼分享
這篇文章主要分享了一段Javascript實現(xiàn)獲取窗口的大小和位置代碼，兼容性非常好，這里推薦給大家2014-12-12
這篇文章主要介紹了ES6 Promise對象概念及用法,結(jié)合實例形式詳細(xì)分析了ES6中Promise對象的概念、原理、創(chuàng)建、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-10-10
本文給大家分享了4中圖片垂直居中顯示的效果，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-12-12
JavaScript實現(xiàn)Tab標(biāo)簽頁切換的最簡便方式(4種)
這篇文章主要介紹了JavaScript實現(xiàn)Tab標(biāo)簽頁切換的最簡便方式(4種)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要為大家詳細(xì)介紹了原生JS實現(xiàn)拖拽照片墻，實現(xiàn)照片互換位置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了JavaScript中的this妙用,結(jié)合實例形式分析了JavaScript中的this基本功能、用法及操作注意事項,需要的朋友可以參考下2020-05-05
javascript為按鈕注冊回車事件（設(shè)置默認(rèn)按鈕）的方法
這篇文章主要介紹了javascript為按鈕注冊回車事件（設(shè)置默認(rèn)按鈕）的方法,可實現(xiàn)按下回車鍵觸發(fā)按鈕按下的效果,非常簡單實用,需要的朋友可以參考下2015-05-05