ES8 中引入的 New String Methods-Matching and Replacement

ES8 中引入的 New String Methods - Matching and Replacement

JavaScript 中的字符串处理一直是前端开发中非常重要的一部分。在 ES8 中，引入了一些新的字符串方法，使字符串的处理更加高效、简单和有趣。本文将介绍其中的一些方法，着重讲解 Matching 和 Replacement。

Matching

ES8 引入了 4 个新的字符串匹配方法，分别是 padStart、padEnd、trimStart 和 trimEnd。这些方法用来处理字符串的空白字符，非常实用。

padStart 和 padEnd 方法可以用来填充字符串，让字符串的长度达到指定的长度。这两个方法都接受两个参数：目标长度和用来填充的字符。

示例代码：

const str = 'abc';
const paddedStr = str.padEnd(6, '123');
console.log(paddedStr); // 'abc123123'

trimStart 和 trimEnd 方法可以用来删除字符串头部和尾部的空白字符。

示例代码：

const str = '  hello  ';
const trimmedStr = str.trimStart().trimEnd();
console.log(trimmedStr); // 'hello'

Replacement

ES8 中也引入了 2 个新的字符串替换方法：replace 和 replaceAll。

replace 方法用来替换字符串的一部分，接受两个参数：要被替换的子字符串和用来替换的新字符串。

示例代码：

const str = 'apples are tasty';
const newStr = str.replace('apples', 'oranges');
console.log(newStr); // 'oranges are tasty'

replaceAll 方法则是替换所有匹配的字符串片段。这个方法接受两个参数：要被替换的子字符串和用来替换的新字符串。

示例代码：

const str = 'apples are tasty, apples are good';
const newStr = str.replaceAll('apples', 'oranges');
console.log(newStr); // 'oranges are tasty, oranges are good'

需要注意的是，replaceAll 方法在 IE 中是不支持的。

结论

ES8 中引入的这些新的字符串处理方法，能够使我们在处理字符串的过程中更加高效和愉悦。掌握这些方法不仅能够让前端开发更加得心应手，同时也是我们为了保持竞争力和成长所必须掌握的技能之一。

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