在 ES10 之前，为了去除字符串前后的空格，通常需要用到 trim() 函数。但是这个函数只能去除字符串两端的空格，并不能去除其中某一端的空格。为了解决这个问题，ES10 中新增了 trimStart() 和 trimEnd() 函数，分别用于去除字符串的开头和结尾的空格。
基本使用方法
trimStart() 和 trimEnd() 函数的用法非常简单，只需要在字符串对象后直接加上函数名即可。例如：
let str = ' hello world '; console.log(str.trimStart()); // "hello world " console.log(str.trimEnd()); // " hello world"
可以看到，trimStart() 函数去除了字符串开头的空格，而 trimEnd() 函数去除了字符串结尾的空格。
指定去除的字符
默认情况下，trimStart() 和 trimEnd() 函数只能去除空格字符。但是，我们也可以指定要去除的字符，例如：
let str = '***hello world***';
console.log(str.trimStart('*')); // "hello world***"
console.log(str.trimEnd('*')); // "***hello world"我们在函数中加入 * 字符，这样函数就会去除字符串开头或结尾的 * 字符。
实际应用
实际应用中，trimStart() 和 trimEnd() 函数可以用于去除用户输入的字符串中的空格，以及去除字符串中的特定字符。下面我们就来看一个应用实例。
假设我们有一个表单，其中有一个输入框要求用户输入手机号码。但是，由于用户可能会不小心输入了手机号码前后的空格，我们需要使用 trimStart() 和 trimEnd() 函数去除这些空格。同时，为了去除用户输入的手机号码中可能包含的非数字字符，我们也可以在函数中加入这些字符，例如 trimStart('-+')，表示去除字符串开头的 - 和 + 字符。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------
-------
------
------
--------------------
------ ----------- ---------------- -------------
------- -------------------------
-------
--------
----- ---- - -------------------------------
----- ---------- - ---------------------------------------
------------------------------- ------- -- -
-----------------------
----- ----- - --------------------------------------------------------- ----
-- -- --------- ---- --- ----- ------
-------------------
---
---------
-------
-------在这个实例中，我们使用了 trimStart()、trimEnd() 和 replace() 函数，去除了用户输入的手机号码中的空格和非数字字符，并将处理后的手机号码打印到控制台上。
总结
ES10 中新增了 trimStart() 和 trimEnd() 函数，可以方便地去除字符串开头和结尾的空格。同时，我们也可以使用这两个函数去除字符串中的特定字符，例如去除用户输入的手机号码中的非数字字符。在实际使用中，这两个函数可以大大简化我们的代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647c2464968c7c53b074e845