ECMAScript6字符串的扩展
Posted myitnews
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ECMAScript6字符串的扩展相关的知识,希望对你有一定的参考价值。
ES6加强了对Unicode的支持,并且扩展了字符串对象。
一、includes()、startsWith()、endsWith()
传统上,javascript只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6又提供了三种新方法。
- includes():返回布尔值,表示是否找到了参数字符串。
- startsWith():返回布尔值,表示参数字符串是否在源字符串的头部。
- endsWith():返回布尔值,表示参数字符串是否在源字符串的尾部。
var s = ‘Hello world!‘; s.startsWith(‘Hello‘) // true s.endsWith(‘!‘) // true s.includes(‘o‘) // true
这三个方法都支持第二个参数,表示开始搜索的位置。
var s = ‘Hello world!‘; s.startsWith(‘world‘, 6) // true s.endsWith(‘Hello‘, 5) // true s.includes(‘Hello‘, 6) // false
二、repeat()
repeat方法返回一个新字符串,表示将原字符串重复n次。
‘x‘.repeat(3) // "xxx" ‘hello‘.repeat(2) // "hellohello" ‘na‘.repeat(0) // ""
参数如果是小数,会被取整
‘na‘.repeat(2.9) // "nana"
如果repeat的参数是负数或者Infinity,会报错。
‘na‘.repeat(Infinity) // RangeError ‘na‘.repeat(-1) // RangeError
参数NaN等同于0。
‘na‘.repeat(NaN) // ""
如果repeat的参数是字符串,则会先转换成数字。
‘na‘.repeat(‘na‘) // "" ‘na‘.repeat(‘3‘) // "nanana"
三、padStart(),padEnd()
ES7推出了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart用于头部补全,padEnd用于尾部补全。
‘x‘.padStart(5, ‘ab‘) // ‘ababx‘ ‘x‘.padStart(4, ‘ab‘) // ‘abax‘ ‘x‘.padEnd(5, ‘ab‘) // ‘xabab‘ ‘x‘.padEnd(4, ‘ab‘) // ‘xaba‘
如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。
如果用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串。
如果省略第二个参数,则会用空格补全长度。
padStart
的常见用途是为数值补全指定位数。下面代码生成10位的数值字符串。
‘1‘.padStart(10, ‘0‘) // "0000000001" ‘12‘.padStart(10, ‘0‘) // "0000000012" ‘123456‘.padStart(10, ‘0‘) // "0000123456"
以上是关于ECMAScript6字符串的扩展的主要内容,如果未能解决你的问题,请参考以下文章