JavaScript中ES6字符串扩展方法
更新时间：2016年08月26日 11:49:17 作者：不一样的追寻着
这篇文章主要介绍了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字符串扩展方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这绝对是一套值得分享和大家收藏的Bootstrap学习教程，完整的知识体系，系统的学习资料，帮助大家开启Bootstrap学习之旅，享受Bootstrap带给大家的奇妙乐趣2016-05-05
这篇文章主要介绍了基于JS开发微信网页录音功能的实例代码,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-04-04
这篇文章主要为大家详细介绍了基于JavaScript实现轮播图原理及示例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
本篇文章是对js中取绝对值的2种方法进行了介绍说明，需要的朋友可以参考下2013-07-07
这篇文章给大家总结了在js中apply方法的一些应用技巧，通过这些技巧对大家日常的使用相信会有帮助，有需要的朋友们下面来一起看看吧。2016-09-09
这篇文章主要介绍了js动态生成唯一id的两种方法,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了JavaScript 防盗链的原理以及破解方法，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-12-12
这篇文章主要为大家详细介绍了JS实现瀑布流效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
深入理解JavaScript系列(3) 全面解析Module模式
Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式2012-01-01
JavaScript对象中的可扩展性指的是：是否可以给对象添加新属性。所有的内置对象和自定义对象显示的都是可扩展的，对于宿主对象，则由JavaScript引擎决定2022-11-11
最新评论