ES6 新的字符串方法

在 ES6 中，字符串的处理方法得到了巨大的更新，可以更加直观和方便地进行字符串操作。本篇介绍 ES6 中的新的字符串方法。

模板字符串

模板字符串使用反引号（）表示，在其中可以使用变量和表达式。使用 ${}` 表示变量或表达式。

const name = 'Alice';
const age = 20;
console.log(`My name is ${name}, I'm ${age} years old.`);
// Output: My name is Alice, I'm 20 years old.

字符串方法

startsWith() 和 endsWith()

startsWith() 方法用于判断字符串是否以指定的字符串开头，返回布尔值；endsWith() 方法用于判断字符串是否以指定的字符串结尾，返回布尔值。

const str = 'Hello, world!';
console.log(str.startsWith('Hello'));   // Output: true
console.log(str.endsWith('world!'));    // Output: true

参数中支持传递可选参数指定匹配的起始和结束位置。

console.log(str.startsWith('world', 7));  // Output: false，从 index 7 开始不是 'world'
console.log(str.endsWith('Hello', 5));     // Output: true，从 0 到 5 是 'Hello'

includes()

includes() 方法用于判断字符串中是否包含指定的字符串，返回布尔值。

console.log(str.includes('world'));    // Output: true

参数中支持传递可选参数指定匹配的起始位置。

console.log(str.includes('world', 7));    // Output: true，从 index 7 开始包含 'world'

repeat()

repeat() 方法用于将字符串重复指定的次数，返回新的字符串。

console.log('twice '.repeat(2));    // Output: twice twice 

padStart() 和 padEnd()

padStart() 方法用于将字符串填充到指定的长度，在字符串前面填充指定的字符；padEnd() 方法用于在字符串后面填充指定的字符。

const str = '123';
console.log(str.padStart(5, '0'));   // Output: 00123
console.log(str.padEnd(5, '!'));     // Output: 123!!

总结

在 ES6 中，新的字符串方法提供了更加直观和方便的字符串操作方式，其中包括模板字符串、startsWith()、endsWith()、includes()、repeat()、padStart() 和 padEnd() 等方法。这些方法可以大幅提升字符串的处理效率和开发效果，是一个非常值得学习的知识点。