ES6 中的字符串新增方法之 trim()
在 JavaScript 中，字符串是一种常见的数据类型，而字符串的处理和操作也是前端开发中必不可少的部分。ES6 又新增了一些常用的字符串方法，其中之一就是 trim() 方法。
trim() 方法的作用是去掉一个字符串两端的空格，返回一个新的字符串。在实际开发中，经常会遇到需要去除字符串两端空格的情况，比如用户输入账号或密码时，可能会出现无意间输入空格的情况，或者从服务器接收到的数据中有多余空格的情况，这时候使用 trim() 方法就能很方便地去除空格。
使用 trim() 方法
trim() 方法的使用很简单，直接对一个字符串调用该方法即可，如下所示：
let str = " hello world "; console.log(str.trim()); // "hello world"
上述代码中，定义了一个变量 str，该变量值为带有前后空格的字符串 " hello world "。调用 trim() 方法后返回的字符串为 "hello world"，该字符串两端的空格已被去除。
需要注意的是，trim() 方法返回的是一个新的字符串，而不是直接在原有的字符串上修改。
从深入理解 trim() 方法
除了去除字符串两端空格之外，trim() 方法还可以去除字符串两端的其他不可见字符，比如制表符、回车换行符等。这些不可见字符通常难以被肉眼识别，使用 trim() 方法可以有效去除这些不可见字符，防止出现一些奇怪的问题。
同时，在使用 trim() 方法时也需要注意到以下几点：
- 如果调用 trim() 方法的实参不是字符串类型，则会产生类型错误。
- 如果实参是空字符串，则该方法不起作用，直接返回空字符串。
- 如果实参两端的空格和不可见字符过多，则 trim() 方法的效率会比较低。此时可以选择使用正则表达式的方式去除空格。
下面是示例代码：
// javascriptcn.com 代码示例 let str1 = " hello world "; let str2 = " \n\t hello world \n\t "; let str3 = ""; let str4 = 123; console.log(str1.trim()); // "hello world" console.log(str2.trim()); // "hello world" console.log(str3.trim()); // "" console.log(str4.trim()); // Type Error
使用正则表达式的方式去除空格：
let str = " \n\t hello world \n\t "; let re = /^\s+|\s+$/g; // 构建正则表达式 console.log(str.replace(re, '')); // "hello world"
该正则表达式的含义是匹配字符串开头或结尾的一个或多个空格或不可见字符，使用 replace() 方法将其替换为空字符串即可。
总结
以上就是关于 trim() 方法的详细介绍。在实际开发中，该方法可以帮助我们方便地处理字符串中的空格和不可见字符，避免出现一些奇怪的问题。同时，在使用该方法时也需要注意到一些细节，比如调用方式、返回值类型、效率等方面。
希望本文能够对广大前端开发者的工作和学习有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6543968c7d4982a6ebd61083