手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript中ES6字符串扩展方法
JavaScript中ES6字符串扩展方法
摘要:es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,个人选了几个感觉比较常用的方法;includes搜索字符的神器还记...

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中ES6字符串扩展方法】相关文章:

javascript操作ul中li的方法

javascript模拟评分控件实现方法

JavaScript基本语法讲解

简述JavaScript中正则表达式的使用方法

JavaScript中用于生成随机数的Math.random()方法

JavaScript中的Math.LN2属性用法详解

javascript中this的四种用法

javascript实现table表格隔行变色的方法

JavaScript判断数组是否包含指定元素的方法

JavaScript中的substr()方法使用详解

精品推荐
分类导航