ES9 中的字符串新特性

在 ES9 中，字符串新增了一些非常实用的特性，可以帮助我们更方便地处理字符串。本文将介绍这些新特性，并提供示例代码，希望能帮助读者更好地理解和应用它们。

1. padStart 和 padEnd

在 ES9 中，我们可以使用 padStart 和 padEnd 方法来为字符串添加填充字符。这两个方法都接受两个参数：填充后的长度和填充字符。如果原字符串长度小于填充后的长度，则会在字符串前（padStart）或后（padEnd）添加填充字符，直到达到指定长度。

示例代码：

const str = 'hello'
console.log(str.padStart(10, '0')) // 输出 '00000hello'
console.log(str.padEnd(10, '0')) // 输出 'hello00000'

2. trimStart 和 trimEnd

ES9 中还新增了 trimStart 和 trimEnd 方法，用于删除字符串开头和结尾的空格。这两个方法都不接受参数。

示例代码：

const str = '   hello   '
console.log(str.trimStart()) // 输出 'hello   '
console.log(str.trimEnd()) // 输出 '   hello'

3. 函数式字符串替换

在 ES9 中，我们可以使用 replace 方法的第二个参数传入一个函数，实现更复杂的字符串替换逻辑。这个函数接受三个参数：匹配到的子串、匹配到的子串在原字符串中的索引、原字符串本身。

示例代码：

const str = 'hello world'
const result = str.replace(/(\w+)\s(\w+)/, (match, p1, p2) => {
  return p2 + ' ' + p1
})
console.log(result) // 输出 'world hello'

4. 原始字符串

在 ES9 中，我们可以使用反引号（`）来创建原始字符串，这种字符串中的转义字符不会被解析。

示例代码：

const str = `hello\nworld`
console.log(str) // 输出 'hello\nworld'

使用原始字符串可以避免一些常见的错误，比如在正则表达式中使用反斜杠（\）。

总结

ES9 中的字符串新特性为我们处理字符串带来了很大的便利。使用 padStart 和 padEnd 可以轻松实现字符串的填充，trimStart 和 trimEnd 可以方便地删除字符串两端的空格，函数式字符串替换可以实现更复杂的字符串替换逻辑，原始字符串可以避免很多常见的错误。我们可以根据实际需求灵活运用这些新特性，提高我们的开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/657d3355d2f5e1655d8004ed