ES10 的 String.trimStart() 和 String.trimEnd() 新特性及使用方法

在 ES10 中，JavaScript 新增了 String.trimStart() 和 String.trimEnd() 两个方法，这两个方法用于去除字符串的开头和结尾的空格，相当于原来的 String.trim() 方法的升级版。本文将详细介绍这两个方法的新特性和使用方法，并提供示例代码，帮助读者更好地掌握它们。

String.trimStart() 方法

String.trimStart() 方法用于去除字符串开头的空格。这个方法接受一个可选的参数，用于指定要去除的字符。如果不指定参数，默认去除空格字符。

示例代码：

const str = '  Hello, world!  ';
console.log(str.trimStart()); // 'Hello, world!  '
console.log(str.trimStart(' ')); // 'Hello, world!  '
console.log(str.trimStart('H ')); // 'ello, world!  '

在上面的示例中，第一个 console.log() 输出的结果是去除了开头空格的字符串，第二个 console.log() 指定了要去除的字符为空格，输出的结果与第一个相同。第三个 console.log() 指定了要去除的字符为 'H '，输出的结果去除了开头的 'H '。

需要注意的是，String.trimStart() 方法是 ES10 新增的方法，如果你的代码需要兼容旧版本的 JavaScript，建议使用 String.trimLeft() 方法代替。

String.trimEnd() 方法

String.trimEnd() 方法用于去除字符串结尾的空格，它的用法与 String.trimStart() 方法类似。

示例代码：

const str = '  Hello, world!  ';
console.log(str.trimEnd()); // '  Hello, world!'
console.log(str.trimEnd(' ')); // '  Hello, world!'
console.log(str.trimEnd('! ')); // '  Hello, world'

在上面的示例中，第一个 console.log() 输出的结果是去除了结尾空格的字符串，第二个 console.log() 指定了要去除的字符为空格，输出的结果与第一个相同。第三个 console.log() 指定了要去除的字符为 '! '，输出的结果去除了结尾的 '! '。

需要注意的是，String.trimEnd() 方法是 ES10 新增的方法，如果你的代码需要兼容旧版本的 JavaScript，建议使用 String.trimRight() 方法代替。

总结

ES10 的 String.trimStart() 和 String.trimEnd() 方法可以方便地去除字符串开头和结尾的空格，提高了代码的可读性和可维护性。在使用时，需要注意这两个方法是 ES10 新增的方法，如果需要兼容旧版本的 JavaScript，可以使用 String.trimLeft() 和 String.trimRight() 方法代替。

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