在 ECMAScript 2020 中，字符串扩展以及新的 trimStart 和 trimEnd 方法被引入，在前端开发中非常实用。这些新特性不仅可以优化代码，还可以提高程序的性能。在本文中，我们将详细介绍这些新特性，并提供示例代码和指导意义，希望对前端开发人员有所帮助。
字符串扩展
ES2020 引入了一些新的字符串扩展，让我们更方便地处理字符串。
字符串匹配位置
ES2020 引入了字符串的 indexOf 和 lastIndexOf 方法的新变体，称为 string.includes() 和 string.endsWith()。string.includes 表示在字符串中查找一个给定的子字符串，并返回一个布尔值，指示是否找到该子字符串。例如：
const str = 'Hello, world!';
if (str.includes('world')) {
console.log('Found it!');
} else {
console.log('Not found!');
}上面的代码将输出 Found it!。如果将字符串 world 替换为 foo，则输出 Not found!。
string.endsWith 表示在字符串的末尾查找一个给定的子字符串，并返回一个布尔值，指示是否找到该子字符串。例如：
const str = 'Hello, world!';
if (str.endsWith('!')) {
console.log('Found it!');
} else {
console.log('Not found!');
}上面的代码将输出 Found it!。如果将字符 ! 替换为 .，则输出 Not found!。
字符串填充
ES2020 引入了字符串的 padStart 和 padEnd 方法，用于填充字符串。这些方法被用于在字符串的前面或结尾附加一些字符，以便扩展字符串的长度。
padStart 方法用于在字符串的开头添加给定数量的字符，使字符串的长度达到给定的长度。例如：
const str = '5'; console.log(str.padStart(2, '0'));
上面的代码将输出 05。
同样，我们可以使用 padEnd 方法在字符串的结尾添加给定数量的字符，使得字符串的长度与给定的长度相等。
字符串修剪
ES2020 引入了字符串的 trimStart和 trimEnd 方法，用于删除字符串开头和结尾的空格。trimStart 方法去掉字符串开头的空格，trimEnd 方法去掉字符串结尾的空格。
const str = ' Hello, world! '; console.log(str.trimStart()); console.log(str.trimEnd());
上面的代码将输出：
'Hello, world! ' ' Hello, world!'
trimStart 和 trimEnd 方法
trimStart 和 trimEnd 方法是字符串的新扩展，用于删除字符串开头或结尾的空格。
在 ES2020 之前，我们可以使用 trim 方法来删除字符串中的空格，但它只能删除开头和结尾的空格。如果我们想要删除字符串开头或结尾特定的字符，就需要自己手动实现。
使用 trimStart 和 trimEnd 方法，我们可以非常方便地删除字符串开头或结尾的任何字符。例如：
const str = '--Hello, world!--';
console.log(str.trimStart('-'));
console.log(str.trimEnd('!'));上面的代码将输出：
'Hello, world!--' '--Hello, world'
这里的第一个例子使用 trimStart 方法删除开头的多个 -，而第二个例子使用 trimEnd 方法删除结尾的多个 !。
另外需要注意的是，trimStart 和 trimEnd 方法返回的是新字符串，原字符串并没有被改变。
总结
在本文中，我们介绍了 ECMAScript 2020 中的新字符串扩展和 trimStart/trimEnd 方法。这些新特性为我们在处理字符串时提供了更加方便的方式，同时，它们还可以提高代码的性能和可读性。我们希望这篇文章能够对前端开发人员有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649b2e7e48841e989480eb01