这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript 中 ES6 字符串扩展方法的相关资料, 非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
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 字符串扩展方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0511/332301.html