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 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
深入理解javascript中defer的作用
Dec 11 Javascript
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
Dec 12 Javascript
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
深入理解angular2启动项目步骤
Jul 15 Javascript
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
js实现3D旋转效果
Aug 18 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
WINDOWS 2000下使用ISAPI方式安装PHP
2006/09/05 PHP
构建简单的Webmail系统
2006/10/09 PHP
解析thinkphp基本配置 convention.php
2013/06/18 PHP
file_get_contents("php://input", "r")实例介绍
2013/07/01 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
PHP实现唤起微信支付功能
2019/02/18 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
js的闭包的一个示例说明
2008/11/18 Javascript
JavaScript中的acos()方法使用详解
2015/06/14 Javascript
javascript的变量、传值、传址、参数之间关系
2015/07/26 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
微信小程序图片宽100%显示并且不变形
2017/06/21 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
2017/08/24 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
Python vtk读取并显示dicom文件示例
2020/01/13 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
Collection和Collections的区别
2016/05/02 面试题
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
医院门卫岗位职责
2013/12/30 职场文书
社团成立邀请函
2014/01/08 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
公安局负责人查摆问题及整改方案
2014/09/27 职场文书
单位工作证明
2014/10/07 职场文书
学前班教学反思
2016/02/24 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
MySQL 不等于的三种使用及区别
2021/06/03 MySQL
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript