ES8 中新增的字符串方法及应用

随着 JavaScript 的不断发展，字符串作为一种数据类型也有了不断的更新和发展。ES8 中新增的一些字符串方法可以帮助我们更加方便地操作和处理字符串。本文将会详细讲解这些新增方法，并提供一些实际的应用案例供参考。

字符串填充方法：padStart() 和 padEnd()

在 ES8 中，我们可以使用 padStart() 和 padEnd() 方法来为字符串加入填充字符。这些方法通常用于需要格式化输出的文本，例如表格、统计数据等情况。

padStart() 方法会在字符串前面插入一定数量的填充字符，以达到指定的长度。而 padEnd() 方法则会在字符串后面插入填充字符。

以下是 padStart() 和 padEnd() 方法的用法。

const str = 'hello';

console.log(str.padStart(10, 'a')); // "aaaaahello"
console.log(str.padEnd(10, 'a'));   // "helloaaaaa"

在这个例子中，我们将填充字符设置为 a，字符串长度设置为 10。在 padStart() 方法中，会在字符串的前面插入 5 个 a，以便达到指定长度。而在 padEnd() 方法中，会在字符串的后面插入 5 个 a。

字符串补全方法：trimStart() 和 trimEnd()

另外两个在 ES8 中新增的字符串方法是 trimStart() 和 trimEnd()。它们与 padStart() 和 padEnd() 类似，也是在字符串的开头或结尾添加或删除填充字符。不同的是，它们不仅可以在字符串一开始时添加或删除填充字符，还可以在字符串中间添加或删除空格字符。

以下是 trimStart() 和 trimEnd() 方法的用法。

const str = '  hello  ';

console.log(str.trimStart()); // "hello  "
console.log(str.trimEnd());   // "  hello"

在这个例子中，我们在字符串的开头和结尾分别添加了两个空格字符。使用 trimStart() 方法会删除开头的两个空格字符，而使用 trimEnd() 方法会删除结尾的两个空格字符。

字符串搜索方法：startsWith() 和 endsWith()

startsWith() 和 endsWith() 方法可以用于判断一个字符串是否以另一个字符串开头或结尾。这些方法通常用于搜索文本或检查字符串的格式。

以下是 startsWith() 和 endsWith() 方法的用法。

const str = 'hello, world!';

console.log(str.startsWith('hello'));  // true
console.log(str.endsWith('world!'));   // true

在这个例子中，我们使用 startsWith() 方法判断字符串是否以 hello 开头，使用 endsWith() 方法判断字符串是否以 world! 结尾。如果符合条件，将会返回 true。

字符串匹配方法：matchAll()

在 ES8 中，我们可以使用 matchAll() 方法在字符串中匹配所有指定的模式。这个方法以一个迭代器的形式返回所有匹配的结果，让我们可以更方便地进行字符串的处理。

以下是 matchAll() 方法的用法。

const str = 'abc123def456ghi789';
const pattern = /\d+/g;

const matches = str.matchAll(pattern);

for (const match of matches) {
  console.log(match[0]);
}

在这个例子中，我们将正则表达式 /\d+/g 作为参数传递给 matchAll() 方法，这个正则表达式用于匹配字符串中的所有数字值。我们遍历迭代器中的每个匹配项，并将匹配的值打印到控制台上。

总结

ES8 中新增的字符串方法可以帮助我们更加方便地操作字符串，包括字符串填充、字符串补全、字符串搜索和字符串匹配。掌握这些方法可以在日常开发中提高我们的编程效率，让我们更加轻松地处理字符串数据。

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