搞定 ES10 的 String.trimStart() 和 String.trimEnd() 方法-JavaScript中文网-JavaScript教程资源分享门户

在 ES10 中，JavaScript 新增了两个字符串方法：String.trimStart() 和 String.trimEnd()，前者用于去除字符串开头的空格，后者用于去除字符串结尾的空格。这两个方法的出现，让我们在处理字符串时更加方便高效。

String.trimStart() 方法

String.trimStart() 方法用于去除字符串开头的空格，其语法如下：

str.trimStart();

该方法返回一个去除开头空格后的新字符串，原字符串不会改变。

以下是一个案例：我们从服务端获取到一个含有空格的 JSON 字符串，我们需要将其转成 JavaScript 对象进行进一步处理。使用 trimStart() 方法，我们可以轻松地去除开头的空格：

const jsonString = '    {"name": "Alice", "age": 18}   ';
const obj = JSON.parse(jsonString.trimStart());
console.log(obj); // {name: "Alice", age: 18}

通过 trimStart() 方法，我们得到了去除开头空格后的新字符串并成功地将其转成了 JavaScript 对象。

String.trimEnd() 方法

String.trimEnd() 方法用于去除字符串结尾的空格，其语法如下：

str.trimEnd();

该方法返回一个去除结尾空格后的新字符串，原字符串不会改变。

以下是一个案例：我们需要将一个字符串作为链接地址，但它带有结尾的空格。使用 trimEnd() 方法，我们可以轻松地去除结尾的空格：

const link = 'https://www.example.com/article/ ';
const newLink = link.trimEnd();
console.log(newLink); // https://www.example.com/article/

通过 trimEnd() 方法，我们得到了去除结尾空格后的新链接地址并成功地进行了进一步处理。

总结

String.trimStart() 和 String.trimEnd() 方法是 ES10 引入的新特性，它们可以帮助我们更加方便高效地处理字符串。在实际项目中，我们可以通过这些方法轻松地去除字符串中多余的空格或换行符，让代码更加简洁易懂。但需要注意：这两个方法在 IE 等古老版本的浏览器中并不支持，需要在项目中做好兼容性处理。

示例代码如下：

const jsonString = '    {"name": "Alice", "age": 18}   ';
const obj = JSON.parse(jsonString.trimStart());
console.log(obj);

const link = 'https://www.example.com/article/ ';
const newLink = link.trimEnd();
console.log(newLink);

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6545b5a27d4982a6ebf533bd