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 相关文章推荐
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
js实现可键盘控制的简单抽奖程序
Jul 13 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
详解使用nvm安装node.js
Jul 18 Javascript
React通过父组件传递类名给子组件的实现方法
Nov 13 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
解决使用vue.js路由后失效的问题
Mar 17 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
总结十个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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
PHP抓取及分析网页的方法详解
2016/04/26 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
Javascript中的数学函数
2007/04/04 Javascript
jquery插件jbox使用iframe关闭问题
2009/02/09 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
js模态对话框使用方法详解
2017/02/16 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
Python中生成器和迭代器的区别详解
2018/02/10 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
Python3+Appium安装使用教程
2019/07/05 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
python处理RSTP视频流过程解析
2020/01/11 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
瑞典最好的运动鞋专卖店:Sneakersnstuff
2016/08/29 全球购物
大学毕业感言
2014/01/10 职场文书
网络信息安全承诺书
2014/03/26 职场文书
毕业寄语大全
2014/04/09 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
六查六看心得体会
2014/10/14 职场文书
人口与计划生育责任书
2015/05/09 职场文书
百家讲坛观后感
2015/06/12 职场文书
聘任书的格式及模板
2019/10/28 职场文书
Python中time与datetime模块使用方法详解
2022/03/31 Python