详解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 相关文章推荐
JS中剪贴板兼容性、判断复制成功或失败
Mar 09 Javascript
javascript复制对象使用说明
Jun 28 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
Dec 27 Javascript
浅析js中2个等号与3个等号的区别
Aug 06 Javascript
JS实现方向键切换输入框焦点的方法
Aug 19 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
vue2.0 父组件给子组件传递数据的方法
Jan 15 Javascript
详解Vue的ref特性的使用
Jan 24 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获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
php中switch语句用法详解
2015/08/17 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
js滚动条多种样式,推荐
2007/02/05 Javascript
表格 隔行换色升级版
2009/11/07 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
python在指定目录下查找gif文件的方法
2015/05/04 Python
python xlsxwriter创建excel图表的方法
2018/06/11 Python
基于python生成器封装的协程类
2019/03/20 Python
python接口自动化(十六)--参数关联接口后传(详解)
2019/04/16 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
Python实现FLV视频拼接功能
2020/01/21 Python
美国在线健康和美容市场:Pharmapacks
2018/12/05 全球购物
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
在Ajax应用中信息是如何在浏览器和服务器之间传递的
2016/05/31 面试题
执行总经理岗位职责
2014/02/03 职场文书
公司年底活动方案
2014/08/17 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
诚信考试承诺书范文
2015/04/29 职场文书
最美乡村教师观后感
2015/06/11 职场文书
小学运动会入场口号
2015/12/24 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书