随着 JavaScript 的快速发展，该语言的字符串处理能力也得到了极大的提高。ES6 中的字符串扩展为我们提供了更加方便和灵活的字符串处理方式。本文将详细介绍 ES6 中的字符串扩展，并提供一些示例代码以帮助读者更好地理解。
模板字符串
ES6 中的模板字符串使得我们可以方便地在字符串中嵌入表达式，并且可以使用多行字符串。模板字符串使用反引号 `（而不是单引号或双引号）来定义。表达式使用 ${} 包裹。
-- -------------------- ---- ------- ----- ---- - ------ ----- --- - --- -- ---------- ----- ------- - --- ---- -- -------- --- --- ------ ----- ------ --------------------- -- -- ---- -- ---- --- --- -- ----- ---- -- ----- ----- ---------------- - - ------ ------ ---- -- - ---------- -------- -- ------------------------------ -- -- ------ ------ -- ---- -- - ---------- -------- --
字符串方法
ES6 中的字符串方法使得我们可以更加方便地处理字符串。以下是一些常用的字符串方法：
String.prototype.startsWith()
判断字符串是否以指定的字符开头。
const str = 'hello world';
console.log(str.startsWith('hello')); // true
console.log(str.startsWith('world')); // falseString.prototype.endsWith()
判断字符串是否以指定的字符结尾。
const str = 'hello world';
console.log(str.endsWith('world')); // true
console.log(str.endsWith('hello')); // falseString.prototype.includes()
判断字符串是否包含指定的字符。
const str = 'hello world';
console.log(str.includes('world')); // true
console.log(str.includes('foo')); // falseString.prototype.repeat()
将字符串重复指定次数。
const str = 'foo'; console.log(str.repeat(3)); // foofoofoo
String.prototype.padStart() 和 String.prototype.padEnd()
在字符串前面或后面填充指定的字符，使得字符串达到指定的长度。
const str = 'foo'; console.log(str.padStart(5, 'x')); // xxfoo console.log(str.padEnd(5, 'x')); // fooxx
总结
ES6 中的字符串扩展为我们提供了更加方便和灵活的字符串处理方式，其中模板字符串和常用字符串方法为我们提供了处理字符串的基础能力。当然，我们也可以结合其他的 ES6 特性，如解构和箭头函数来更加灵活地处理字符串。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645d96da968c7c53b0001d37