ES9 是 ECMAScript 的第九个版本，也是 JavaScript 的最新版本。它为 JavaScript 带来了更多便捷的字符串操作，可以在字符串操作中更加灵活和方便地使用各种方法。在本文中，我们将学习 ES9 中的字符串操作，包括模板字面量标记、trimStart() 和 trimEnd() 方法、padStart() 和 padEnd() 方法等等。
模板字面量标记
ES9 中的模板字面量标记是一种新的字符串操作方式，可以用于在模板字面量中添加标记。标记是一个函数，它可以对模板字面量进行处理，并返回一个新的字符串。例如：
-- -------------------- ---- -------
-------- ------------------ ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-- -- - -------------- -
------ -- ------------------------
-
-
------ -------
-
----- ---- - --------
----- ------- - --------------- ----------
--------------------- -- ------ -------在上面的例子中，我们定义了一个标记函数 uppercase，它将模板字面量中的值转换为大写字母。然后我们使用这个标记函数来处理模板字面量，得到一个新的字符串 "Hello WORLD!"。
trimStart() 和 trimEnd() 方法
ES9 中的 trimStart() 和 trimEnd() 方法可以用于去除字符串开头和结尾的空格。它们的使用方法与 trim() 方法类似，只是 trim() 方法去除字符串两端的空格，而 trimStart() 方法只去除字符串开头的空格，trimEnd() 方法只去除字符串结尾的空格。例如：
const str = " hello world "; console.log(str.trim()); // "hello world" console.log(str.trimStart()); // "hello world " console.log(str.trimEnd()); // " hello world"
在上面的例子中，我们定义了一个字符串 str，它包含了开头和结尾的空格。然后我们使用 trim()、trimStart() 和 trimEnd() 方法分别去除了字符串两端、开头和结尾的空格。
padStart() 和 padEnd() 方法
ES9 中的 padStart() 和 padEnd() 方法可以用于在字符串开头或结尾添加指定长度的字符。它们的第一个参数是要添加的长度，第二个参数是要添加的字符。如果要添加的字符不够指定长度，则会重复添加。例如：
const str = "hello"; console.log(str.padStart(10, "x")); // "xxxxxxhello" console.log(str.padEnd(10, "x")); // "helloxxxxx"
在上面的例子中，我们定义了一个字符串 str，它的长度为 5。然后我们使用 padStart() 和 padEnd() 方法分别在字符串开头和结尾添加了 5 个字符 "x"，使得字符串的长度达到了 10。
总结
ES9 中的字符串操作使得 JavaScript 在字符串处理方面更加灵活和方便。我们学习了模板字面量标记、trimStart() 和 trimEnd() 方法、padStart() 和 padEnd() 方法等等。这些字符串操作不仅可以提高我们的编程效率，还可以使我们的代码更加简洁和易读。如果你想更深入地了解 ES9 中的字符串操作，建议你阅读官方文档或者相关书籍。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6562a638d2f5e1655dc78335