详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()


Posted in Javascript onMay 12, 2020

当有人问到用来确定一个字符串是否包含在另一个字符串中有哪些方法时,我们会不假思索回答道: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

结果:

详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()

startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。

如下所示:

let str = 'Hello world!';
let res1 = str.startsWith('Hello');
let res2 = str.startsWith('world');
console.log(res1); // true
console.log(res2); // false

结果:

详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()

endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。

如下所示:

let str = 'Hello world!';
let res1 = str.endsWith('!');
let res2 = str.endsWith('d');
console.log(res1); // true
console.log(res2); // false

结果:

详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()

这三个方法都支持第二个参数,表示看是搜索的位置。

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()内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 运算数的求值顺序
Aug 23 Javascript
javascript中数组的concat()方法使用介绍
Dec 18 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
May 14 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
zTree异步加载展开第一级节点的实现方法
Sep 05 Javascript
webpack打包node.js后端项目的方法
Mar 10 Javascript
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
vue实现折线图 可按时间查询
Aug 21 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 #Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 #Javascript
JQuery表单元素取值赋值方法总结
May 12 #jQuery
JavaScript或jQuery 获取option value值方法解析
May 12 #jQuery
Node.js API详解之 console模块用法详解
May 12 #Javascript
基于JS实现视频上传显示进度条
May 12 #Javascript
vue项目中使用bpmn-自定义platter的示例代码
May 11 #Javascript
You might like
PHP XML备份Mysql数据库
2009/05/27 PHP
Zend Framework中的简单工厂模式 图文
2012/07/10 PHP
PHP eval函数使用介绍
2013/12/08 PHP
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解
2020/06/05 PHP
IE 当eval遇上function的处理
2011/08/09 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
python练习程序批量修改文件名
2014/01/16 Python
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
python使用mysql的两种使用方式
2018/03/07 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
python 获取图片分辨率的方法
2019/01/08 Python
python使用selenium实现批量文件下载
2019/03/11 Python
Python 复平面绘图实例
2019/11/21 Python
Python 图片处理库exifread详解
2021/02/25 Python
艺术设计专业个人求职信范文
2013/12/11 职场文书
超市优秀员工事迹材料
2014/05/01 职场文书
离婚协议书怎么写
2014/09/12 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
班级管理经验交流材料
2015/11/02 职场文书