字符串遍历器
字符串可以被for..of循环遍历。
let str = 'hello';
for(let key of str){
console.log(key);
}
输出:
//h
//e
//l
//l
//o
字符串模板
ES6添加字符串模板,让js能够更加方便的拼接字符串和变量;下面来做个比较:
//ES5
let firstName = 'Jon';
let lastName = 'Smith';
let html = 'My firstName is:' + firstName +
',my lastName is:'+ lastName;
console.log(html);
//ES6
let html = `My firstName is:${firstName},my lastName is:${lastName}`;
从上面两端代码看出,ES6明显在写法上简单,好理解;模板字符串用反引号标识,它可以当普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量;也拥有计算功能;
let x = 1;
let y = 2;
let str = `${x} + ${y} = ${x + y}`;
console.log(str);
//输出
1 + 2 = 3;
查询方法
以前,js只能通过indexOf方法返回值是否大于0,判断一个字符串是否包含在另一个字符串中;ES6扩展了几个方法:
- includes():返回布尔值,表示是否找到了参数字符串
- startsWith():返回布尔值,表示参数字符串是否在原字符串的头部;
- endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部;
let str = 'Hello World!';
console.log(str.includes('o'));//true
console.log(str.startsWith('Hello'));//true
console.log(str.endsWith('!'));//true
还可以传第二个参数,表示从什么位置开始搜索;
let str = 'Hello World!';
console.log(str.includes('Hello',2));//false
console.log(str.startsWith('World',6));//true
console.log(str.endsWith('Hello',5));//true
repeat()
ES6新增了一个repeat方法,用来将原字符串重复n次;规则:
- 参数为数值;
- 如果参数是小数,会向下取整;
- 如果参数是负数或者Infinity,报错;
- 如果参数是0到 -1之间的小数,等同于0;
- 如果参数是NaN,等同于0;
- 如果参数是字符串,则先转换为数字;
console.log('x'.repeat(3));//xxx
console.log('xxx'.repeat(0));//""
console.log('x'.repeat(2.8));//xx
console.log('x'.repeat(2.1));//xx
// console.log('x'.repeat(Infinity));//Error
// console.log('x'.repeat(-2));//Error
console.log('x'.repeat(-0.2));//""
console.log('x'.repeat(NaN));//""
console.log('x'.repeat('3'));//xxx
补全长度功能
如果某个字符串不够指定长度,会在头部或者尾部补全;
- padStart()用于头部补全;
- padEnd()用于尾部补全;
这两个方法有两个参数,第一个为字符串的总长度len,第二个为用了补全的字符串str;规则:
- 如果len的长度等于或小于原字符串的长度,则输出原字符串;
- 如果len的长度小于原字符串的长度与str的长度之和,则截取str超出位数补全字符串;
- 如果len的长度大于原字符串的长度与str的长度之和,则重复str,截取str超出的位数补全字符串;
- 如果str没有写,则用空格补全;
let str = 'abc';
console.log(str.padStart(2,'123'));//'abc';
console.log(str.padEnd(2,'123'));//'abc'
console.log(str.padStart(10,'1234567890'));//1234567abc
console.log(str.padEnd(10,'1234567890'));//abc1234567
console.log(str.padStart(10,'123'));//1231231abc
console.log(str.padEnd(10,'123'));//abc1231231
console.log(str.padStart(4));//' abc'
console.log(str.padEnd(4));//'abc '