如何正确地使用 ES10 的字符串方法和正则表达式
ES10 是 JavaScript 的一个重要版本，其中包含了许多对字符串和正则表达式的改进，这些改进可以让我们更方便地对字符串进行操作和匹配。但是，在使用这些新特性时，我们也需要注意细节，否则可能会出现错误。本文将介绍 ES10 的一些字符串方法和正则表达式的新特性，并提供一些示例代码来演示它们的正确用法。
字符串方法
- trimStart 和 trimEnd
ES10 新增了两个字符串方法：trimStart 和 trimEnd，这两个方法可以分别用来删除字符串开头和结尾的空格和换行符。这些符号在字符串中很常见，但它们有时会导致我们的代码出现错误。例如，我们需要从一个字符串中获取一个数值时，如果字符串开头或结尾有空格或换行符，将会导致 Number() 函数解析失败。
示例代码：
const str = " 123 "; console.log(Number(str.trim())); // 123 console.log(Number(str.trimStart())); // 123 console.log(Number(str.trimEnd())); // 123
在上面的示例中，我们可以看到，trimStart 可以删除开头的空格，而 trimEnd 可以删除结尾的空格。
- padStart 和 padEnd
另一个新的字符串方法是 padStart 和 padEnd，它们可以用来在字符串开头或结尾添加填充字符，使字符串达到指定长度。在处理一些文本数据时，此方法非常有用。
示例代码：
const str = "123"; const pad = str.padStart(5, "0"); console.log(pad); // "00123" console.log(str.padEnd(5, "0")); // "12300"
在上面的示例中，padStart 在字符串 str 开头添加了两个 0，使其达到了长度为 5 的要求。
正则表达式
- named capture groups
ES10 支持命名捕获组，命名捕获组可以将一个匹配项命名，并将其捕获到一个对象中。在使用正则表达式时，我们经常需要对捕获的值进行一些处理，这时候命名捕获组就非常有用了。
示例代码：
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = re.exec("2019-06-23");
console.log(match.groups.year); // "2019"
console.log(match.groups.month); // "06"
console.log(match.groups.day); // "23"在上面的示例中，我们使用命名捕获组来将日期字符串分解为年份、月份和日期三个部分，并将它们放在一个对象中。
- regex lookaround
ES10 还支持正则表达式的环视，环视是一种零宽断言，它不会匹配任何字符，但可以匹配一些字符串的位置。
示例代码：
const re = /^[\d\.]+(?<=\d)\d/;
console.log(re.exec("3.14")); // ["3.1"]
console.log(re.exec("999.9")); // ["999.9"]在上面的示例中，我们使用环视来匹配一个数字字符串的小数点前面的数字。通过使用环视，我们可以轻松地处理这种情况。
结论
在使用 ES10 的字符串方法和正则表达式时，我们需要注意一些细节。例如，在使用命名捕获组时，我们需要遵循一些约定，以避免出现歧义。在使用环视时，我们需要了解正则表达式的基本知识，以避免错误的匹配。在实践中使用这些新特性，可以让我们更简单地处理字符串和正则表达式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6722e4f32e7021665e0d4b77