DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js判斷一個字符串是否包含一個子串的方法
js判斷一個字符串是否包含一個子串的方法
編輯:關於JavaScript     

本文實例講述了js判斷一個字符串是否包含一個子串的方法。分享給大家供大家參考。具體如下:

在我們前端日常開發中,經常會遇到判斷一個字符串中是否包含某個子串,這裡我們將去探究一些解決此種需求的方法以及正確的使用它們。理想情況下,我們要找的是一個能匹配我們的目的(if x contains y)的方法,並返回true或false。

一、String.prototype.indexOf和String.prototype.lastIndexOf

這兩個方法,可能是我們最容易想到的,如果包含子串,則返回大於等於0的索引,否則返回-1,沒有達到我們的理想情況。
復制代碼 代碼如下:var str    = "My blog name is Benjamin-專注前端開發和用戶體驗",
    substr = "Benjamin";
 
function isContains(str, substr) {
    return str.indexOf(substr) >= 0;
}
 
//true
console.log(isContains(str, substr));
二、String.prototype.search

我們想到了String.prototype.search方法,因search方法的參數是一個正則表達式,所以和indexOf的情況相同。
復制代碼 代碼如下:var str    = "My blog name is Benjamin-專注前端開發和用戶體驗",
    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
復制代碼 代碼如下:var str    = "My blog name is Benjamin-專注前端開發和用戶體驗",
    substr = "Benjamin";
 
function isContains(str, substr) {
    return str.contains(substr);
}
 
//true
console.log(isContains(str, substr));
此方法目前只有Firefox支持,還處於ECMAScript 6草案中。這個方法滿足了上面提到的理想情況。詳情請點擊這裡。如果你想使用contains方法,可以參考第三方庫string.js,點擊此處本站下載string.js。源碼實現:
復制代碼 代碼如下:contains: function(ss) {
  return this.s.indexOf(ss) >= 0;
},
其它方法待補充。。。

當然在性能問題上,使用哪種方法更快,還有待測試。感興趣的朋友不妨親自動手測試一下。

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved