ES6中字符串string常用的新增方法小结


Posted in Javascript onNovember 07, 2017

本文实例讲述了ES6中字符串string常用的新增方法。分享给大家供大家参考,具体如下:

ES6为js新增了很多方法,包括遍历、查询、替换等等,可以很简洁的替换ES5中的类似方法,本文不考虑codePointAt等不常用方法。

for…of:

let str="wbiokr";
for(let s of str){
  console.log(s)
}
//结果:w, b, i, o, k, r

由于es5并没有为js制定字符串相关遍历方法,for…of无疑会是接下来前端开发中的一个很重要角色。

includes:

let str="wbiokr";
str.includes('wb');//结果:true
str.includes('wbiokr');//结果:true
str.includes('w',1);//false
str.includes('b',1);//true

string.includes(s,i)方法参数1为需要查询字符(串),参数2为查询的起始位置,返回布尔值,而indexOf返回查询的位置。

startsWith:

let str="wbiokr";
str.startsWith('wb');//结果:true
str.startsWith('w');//结果:true
str.startsWith('w',1);//结果:false
str.startsWith('b',1);//true
str.startsWith('kr');//结果:false

string.startsWith(s,i)方法参数1为需要查询字符(串),参数2为查询的起始位置,返回布尔值,表示是否字符(串)位于string的头部位置。

endsWith:

let str="wbiokr";
str.endsWith('kr');//结果:true
str.endsWith('r');//结果:true
str.endsWith('wb');//结果:false
str.endsWith('i',6);//false
str.endsWith('i',3);//false
str.endsWith('kr',6);//true

string.endsWith()方法参数1为需要查询字符(串),参数2为查询的起始位置,返回布尔值,表示是否字符(串)位于string的尾部位置。

repeat:

let str="wbiokr";
str.repeat(2);//wbiokrwbiokr"str被重复了2次返回,str不改变
'hi'.repeat(3);//"hihihi"
'hi'.repeat(2.6);//'hihi'浮点类型参数,会取整重复
'hi'.repeat(0);//''0的时候返回空字符串
'hi'.repeat(-3)//负数,报错
'hi'.repeat(undefined)//''undefined转化为0
'hi'.repeat(null)//''null转化为0
'hi'.repeat(NaN)//''NaN转化为0

string.repeat(num)方法,参数num为重复字符串的次数,各种情况下的返回值见代码。

${} :

let str="wbiokr";
$('#box').html('
  there is a word ${str},i know it
');
//there is a word wbiokr,i know it

开发过程中,经常用到jq为元素动态添加子元素或动态添加内容,过去我们都是通过字符串拼接进行添加变量。ES6添加的 可以很好的取代jq的老方法,单引号加上'${}'不仅可以嵌入变量,还能保持代码格式,并且{}里面可以进行js代码运行。

更多相关内容可查看本站专题:《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《javascript面向对象入门教程》

希望本文所述对大家基于ECMAScript的程序设计有所帮助。

Javascript 相关文章推荐
jquery $.ajax各个事件执行顺序
Oct 15 Javascript
juqery 学习之四 筛选过滤
Nov 30 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
jQuery+jRange实现滑动选取数值范围特效
Mar 14 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 Javascript
JS基于面向对象实现的多个倒计时器功能示例
Feb 28 Javascript
JS触摸与手势事件详解
May 09 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
ES6中数组array新增方法实例总结
Nov 07 #Javascript
vue组件父子间通信详解(三)
Nov 07 #Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 #Javascript
微信小程序上传图片到服务器实例代码
Nov 07 #Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
Nov 07 #Javascript
vue组件间通信子与父详解(二)
Nov 07 #Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 #Javascript
You might like
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
php rsa加密解密使用详解
2015/01/14 PHP
php备份数据库类分享
2015/04/14 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
jquery datatable后台封装数据示例代码
2014/08/07 Javascript
详解AngularJS的通信机制
2015/06/18 Javascript
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
关于Python 3中print函数的换行详解
2017/08/08 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
Python用imghdr模块识别图片格式实例解析
2018/01/11 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
python3实现爬取淘宝美食代码分享
2018/09/23 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
Timberland德国官网:靴子、鞋子、衣服、夹克及配件
2019/12/10 全球购物
北京大学自荐信范文
2014/01/28 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
工程造价专业求职信
2014/07/17 职场文书
暑期培训班招生方案
2014/08/26 职场文书
践行三严三实心得体会
2014/10/13 职场文书
花木兰观后感
2015/06/10 职场文书
人力资源部工作计划
2019/05/14 职场文书