ES6特性:字符串新增方法

字符串识别

ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。ES6新增三种方法

(1)includes():返回布尔值,判断是否找到参数字符串

(2)startsWith():返回布尔值,判断参数字符串是否在原字符串的头部

(3)endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部

三个方法都可以两个参数 -- 需要查找的字符串,开始搜索的位置索引

let str="abc,def,gh";
str.includes("def");    // true
str.startsWith("abc");    // true
str.endsWith("abc");    // false
str.startsWith("def",4);    // true

字符串重复

repeat()方法返回一个新字符串,表示将原字符串重复n次

'a'.repeat(3)    // 'aaa'
'a'.repeat(0)    // ''

参数是小数,向下取整

'x'.repeat(2.9)    // 'xx'

如果参数是负数或者Infinity,会报错。

'aa'.repeat(Infinity)    // 报错
'aa'.repeat(-1)    // 报错

但是如果参数是0到-1之间的小数,会进行取整运算。0到-1之间的小数,取整后等于-0

'aa'.repeat(-0.5)    // ''

参数NaN等同于0

'xx'.repeat(NaN)    // ''

如果参数是字符串,会先转换成数字

'xx'.repeat('aa')    // ''
'xx'.repeat('3')    // 'xxxxxx'

字符串补全

padStart:返回新的字符串,表示用参数字符串从头部补全原字符串。

padEnd:返回新的字符串,表示用参数字符串从头部补全原字符串。

接受两个参数,第一个参数是生成字符串的长度,第二个是用来补全的字符串。没有指定第二个参数,默认用空格

'aa'.padStart(5,'bc')    // 'bcbaa'
'aa'.endStart(5,'bc')    // 'aabcb'

如果指定的长度大于或者等于原字符串的长度,则返回原字符串。

'xxx'.padStart(2, 'ab')    // 'xxx'

如果原字符串加上补全字符串长度大于指定长度,则截去超出位数的补全字符串

'abc'.padStart(10, '0123456789')    // '0123456abc'
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值