ES6中的includes, startsWith和 endsWith用法

 

未出现es6之前我们通常判断JavaScript 是否包含某一值时候，只有indexOf方法相对方便一些，可以用来确定一个字符串是否包含在另一个字符串中。

当然还有其他方法：

String对象的方法

方法一: indexOf()   (推荐)

1 2	var str = "abc" console.log(str.indexOf("a") != -1); // true

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。

 

方法二:match()

1 2 3 4 5

var str = "abc" var reg = RegExp(/a/); if(str.match(reg)){  //包含； }

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

 

方法三: search()

1 2	var str = "abc" console.log(str.search("b") != -1); // true

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1。

RegExp对象的方法

方法四: test()

1 2 3

var str = "abc" var reg = RegExp(/b/);  console.log(reg.test(str) != -1); // true

test() 方法用于检索字符串中指定的值。返回 true 或 false。

 

方法五:exec()

1 2 3 4 5

var str = "abc" var reg = RegExp(/b/); if(reg.exec(str)){  //包含； }

exec() 方法用于检索字符串中的正则表达式的匹配。返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

如果大家想对JS有深入系统的学习，可以参阅 JavaScript核心技术开发解密 这本经典读物。

 

ES6 又提供了三种新方法。

includes()：返回布尔值，表示是否找到了参数字符串。
startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。
let s = 'Hello world!';

s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

这三个方法都支持第二个参数，表示开始搜索的位置。

let s = 'Hello world!';

s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false

includes方法比indexoOf方法效率高且书写简单

includes并不只是可以检测字符串中包含字段数组也可以检测

注意：检测字段类型需一致

[1,2,3,'a','b'].includes(1)  //true[1,2,3,'a','b'].includes('a') //true[1,2,3,'a','b'].includes('1') //false[1,2,3,'a','b'].includes('a',3) //true

上面代码表示，使用第二个参数n时，endsWith的行为与其他两个方法有所不同。它针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。