详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
当有人问到用来确定一个字符串是否包含在另一个字符串中有哪些方法时,我们会不假思索回答道:indexOf方法。其实,ES6 又提供了三种新方法includes()、startsWith()、endsWith()
,也是比较好用的。
indexOf方法在这里就不多说了,大家都比较熟悉,意思就是:返回给定元素在数组中第一次出现的位置,返回结果是匹配开始的位置,如果没有出现则返回-1。
下面详细介绍ES6新增的这三种方法:
①includes()
:返回布尔值,表示是否找到了参数字符串。
如下所示:
let str = 'Hello world!'; let res1 = str.includes('Hello'); let res2 = str.includes('hi'); console.log(res1); // true console.log(res2); // false
结果:
②startsWith()
:返回布尔值,表示参数字符串是否在原字符串的头部。
如下所示:
let str = 'Hello world!'; let res1 = str.startsWith('Hello'); let res2 = str.startsWith('world'); console.log(res1); // true console.log(res2); // false
结果:
③endsWith()
:返回布尔值,表示参数字符串是否在原字符串的尾部。
如下所示:
let str = 'Hello world!'; let res1 = str.endsWith('!'); let res2 = str.endsWith('d'); console.log(res1); // true console.log(res2); // false
结果:
这三个方法都支持第二个参数,表示看是搜索的位置。
let str = 'Hello World!' console.log(str.includes('World', 5)) // true 从索引5(包含索引5)开始搜索 console.log(str.includes('World', 7)) // false console.log(str.startsWith('lo', 3)) // true console.log(str.startsWith('H', 3)) // false console.log(str.endsWith('Hel', 3)) // true console.log(str.endsWith('d', 3)) // false
到此这篇关于详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()的文章就介绍到这了,更多相关ES6 includes() startsWith() endsWith()内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
这篇文章主要为大家详细介绍了bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs等相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-12-12JavaScript利用split函数按规定截取字符串(获取邮箱用户名)
这个其实就是利用了js的split函数,以@分割数组,一般用这个的地方不多,但这个思路应用的比较广泛。推荐大家学习。2009-12-12js编码之encodeURIComponent使用介绍(asp,php)
因此对于JS脚本又重新研究了一下。在对新的URL编码的时候发现,网页编码的格式对于JS的影响很大,在这里书写一点2012-03-03javascript版的in_array函数(判断数组中是否存在特定值)
这篇文章主要介绍了javascript版的in_array函数(判断数组中是否存在特定值),需要的朋友可以参考下2014-05-05
最新评论