JavaScript 字符串 trimStart() 方法

JavaScript trimStart() 语法

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

语法：

str.trimStart()

说明：

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

trimStart() 只能去除字符串 “开头” 的空格，而无法去除字符串 “末尾” 的空格。

JavaScript trimStart() 摘要

JavaScript trimStart() 示例

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

示例 1：trimStart() 基本用法

const str = "   绿叶网   ";
const result = str.trimStart();

console.log(result);             // 输出："绿叶网   "
console.log(result.length);       // 输出：6

运行结果如下。

绿叶网   
6

分析：

去除字符串 “开头” 的空格，在某些特定场景下是很有用的。例如，当我们需要保持字符串末尾的格式（如换行符或缩进）但想消除开头的缩进。

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 个空格。小伙伴们可以自行算一下不同方法去除空格后的字符串长度。