JavaScript 字符串 trim() 方法

JavaScript trim() 语法

trim() 是 JavaScript 字符串的一个方法，它用于同时去除字符串 “开头” 和 “结尾” 的空白字符（包括空格、换行符、制表符等）。

语法：

str.trim()

说明：

trim() 方法不接收任何参数。

JavaScript trim() 摘要

JavaScript trim() 示例

接下来，我们通过一个简单的例子来讲解一下 JavaScript trim() 方法是如何使用的。

示例 1：trim() 基本用法

const str1 = "   绿叶网";
const result1 = str1.trim();
console.log(result1);
console.log(result1.length);

const str2 = "绿叶网   ";
const result2 = str2.trim();
console.log(result2);
console.log(result2.length);

const str3 = "   绿叶网   ";
const result3 = str3.trim();
console.log(result3);
console.log(result3.length);

运行结果如下。

绿叶网
3
绿叶网
3
绿叶网
3

分析：

去除字符串的首尾空格，在实际开发中是非常有用的。在前后端交互时，后端传过来的数据经常就有空格，而我们前端需要把这些空格去除了，这样拿到的才是想要的数据。还有一种情况是在做验证码校验时，我们通常需要把用户输入的字符去掉首尾空格后，再传递给后端。

trim()、trimStart() 与 trimEnd()

trim() 方法用于同时去除字符串 “首尾” 的空格，trimStart() 方法用于去除字符串 “开始处” 的空格，trimEnd() 方法用于去除字符串 “结尾处” 的空格。

在实际开发中，大多数情况下，我们用到的都是 trim() 方法。trimStart() 和 trimEnd() 这两个方法用得较少。

示例 2：trim()、trimStart() 与 trimEnd() 比较

const str = "  绿叶网    ";

const result1 = str.trim();
console.log(result1.length);

const result2 = str.trimStart();
console.log(result2.length);

const result3 = str.trimEnd();
console.log(result3.length);

控制台输出如下：

3
7
5

分析：

在这个例子中，str 的开始处有 2 个空格，结尾处有 4 个空格。小伙伴们可以自行算一下不同方法去除空格后的字符串长度。