JavaScript中ES6字符串扩展方法


Posted in Javascript onAugust 26, 2016

es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,个人选了几个感觉比较常用的方法;

includes 搜索字符的神器

还记得我们之前如何判断某个字符串对象是否包含特地字符的吗?

var str='google';
if(str.indexOf('o')>-1){
console.log('yes');
}else{
console.log('no');
}

indexOf本来只是一个获取字符对应位置的方法,因为找到不到会返回-1这个值,就成了判断是否包含的方法,includes则就是判断是否包含的直接返回布尔值;

let str='google';
if(str.includes('o')){
console.log('yes');
}else{
console.log('no');
}

这样更符合语义化,indexOf就是负责获取位置,includes负责判断包含关系;

startsWith ,endsWith 轻松定首尾

startsWith用于判断是否位于头部,endsWith判断是否位于尾部,可以说这两个方法是includes方法的扩展;

let str='google';
console.log(str.startsWith('g')); //true
console.log(str.endsWith('e')); //true

repeat 懒人福利

顾名思义,这个方法就是可以获取字符串重复N次后的方法;

let str='google';
console.log(str.repeat(3)); //googlegooglegoogle

repeat方法接受一个数字类型的参数,可以是正式也可以是小数,如果是浮点型会自动调用Math.floor方法转为整型;

let str='google';
console.log(str.repeat(3.5)); //googlegooglegoogle
console.log(str.repeat(Math.floor(3.5)));//googlegooglegoogle

参数可以为0这样就会返回一个空字符串,但是不能为负数,否则会报错;

let str='google';
console.log(str.repeat(0)); //''
console.log(str.repeat(-3.5));//RangeError: Invalid count value

padStart,padEnd 缺啥补啥

这两个方法其实是ES7标准下扩展的方法,作用就是自动补全;

let str='goo';<br>  str.padStart(5, 'le') // 'legoo'
str.padStart(4, 'le') // 'lgoo'
str.padEnd(5, 'le') // 'goole'
str.padEnd(4, 'le') // 'gool'

这两个方法类似都是接受两个参数,第一个是补全的长度,第二个是要补充的内容,由于是es7标准的方法,现在浏览器还不能直接运行,可以尝试借助babel运行;

以上所述是小编给大家介绍的JavaScript中ES6字符串扩展方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用js实现小球的自由移动代码
Apr 22 Javascript
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
Jun 26 Javascript
jQuery层动画定位滑动效果的方法
Apr 30 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 Javascript
vue2.0构建单页应用最佳实战
Apr 01 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
探索Vue高阶组件的使用
Jan 08 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
JS实现获取当前所在周的周六、周日示例分析
May 11 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
Apr 11 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 #Javascript
Jquery遍历select option和添加移除option的实现方法
Aug 26 #Javascript
响应式表格之固定表头的简单实现
Aug 26 #Javascript
jQuery基于BootStrap样式实现无限极地区联动
Aug 26 #Javascript
BootStrap无限级分类(无限极分类封装版)
Aug 26 #Javascript
jquery 动态合并单元格的实现方法
Aug 26 #Javascript
轻松掌握JavaScript中介者模式
Aug 26 #Javascript
You might like
phpmailer在服务器上不能正常发送邮件的解决办法
2014/07/08 PHP
js导航菜单(自写)简单大方
2013/03/28 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
Openlayers实现图形绘制
2020/09/28 Javascript
手写Vue2.0 数据劫持的示例
2021/03/04 Vue.js
[00:34]DOTA2上海特级锦标赛 VG战队宣传片
2016/03/04 DOTA
Python SQLite3简介
2018/02/22 Python
Python数据集切分实例
2018/12/08 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
大专生的学习自我评价
2013/12/04 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
统计岗位职责
2014/02/21 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
评先进个人材料
2014/12/29 职场文书
敬业奉献模范事迹材料(2016精选版)
2016/02/26 职场文书
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏