英文 | https://www.javascripttutorial.net/

譯文 | 楊小愛

在上節(jié)，我們學習了JavaScript 字符串原始類型，錯過的小伙伴可以點擊文章《【JavaScript 教程】第五章 字符串02— 字符串類型》進行學習。

那么，在今天的教程中，我們將一起來學習JavaScript 字符串trim()、trimStart() 和 trimEnd()。

01、trim()

學習如何使用 JavaScript  trim()方法從字符串的兩端刪除空格字符。

JavaScript trim() 方法介紹

String.prototype.trim() 返回一個從字符串開頭和結尾去除空白字符的新字符串：

let resultString = str.trim();

空白字符是空格、制表符、不間斷空格等。

請注意，該trim()方法不會更改原始字符串。

要僅從字符串的開頭或結尾刪除空格字符，請使用trimStart()ortrimEnd()方法。

JavaScript trim() 示例

以下示例顯示如何使用trim()刪除字符串兩側的空格：

let str = '  JS trim  ';let result = str.trim();
console.log(result);

輸出：

"JS trim"

總結

• 使用trim()刪除字符串兩端的空白字符。

02、trimStart（）

在學習trimStart（）時，我們將學習如何使用 JavaScript String trimStart() 方法從字符串的開頭刪除空格。

要從字符串的開頭刪除空格字符，請使用以下trimStart()方法：

let newString = originalString.trimStart();

trimStart()方法從原始字符串中返回一個新字符串，并刪除了前導空格字符。但trimStart()方法不會更改原始字符串。

以下字符是 JavaScript 中的空白字符：

• 一個空格字符

• 一個制表符

• 一個回車符

• 換行符

• 垂直制表符

• 換頁符

以下示例顯示如何使用trimStart()刪除字符串開頭的空白字符：

const str = '   JavaScript   ';const result = str.trimStart();
console.log({ str });console.log({ result });

輸出：

{ str: '   JavaScript   ' }{ result: 'JavaScript   ' }

trimLeft() 方法是trimStart() 方法的別名。 trimLeft() 具有與 trimLeft() 方法相同的功能。 建議您使用 trimStart() 方法。

總結

trimStart() 從原始字符串中返回一個新字符串，并刪除了前導空格字符。

trimLeft() 方法是trimStart() 方法的別名。

03、trimEnd()

在學習trimEnd（）時，您將學習如何使用 JavaScript String  trimEnd()方法從字符串的末尾刪除空格字符。

要從字符串末尾刪除空格字符，請使用以下trimEnd()方法：

let newString = originalString.trimEnd();

trimEnd()方法從原始字符串中返回一個新字符串，其中去除了結尾的空白字符。trimEnd()方法不會更改原始字符串。以下字符是 JavaScript 中的空白字符串：

• 一個空格字符

• 一個制表符

• 一個回車符

• 換行符

• 垂直制表符

• 換頁符

以下示例顯示如何使用trimEnd()刪除字符串末尾的空白字符：

const str = '   JavaScript   ';const result = str.trimEnd();
console.log({ str });console.log({ result });

輸出：

{ str: '   JavaScript   ' }{ result: '   JavaScript' }

trimRight() 方法是trimEnd() 方法的別名。 trimRight() 提供與 trimRight() 方法相同的功能。 但是，建議您使用 trimEnd() 方法。

總結

• trimEnd() 方法從原始字符串中返回一個新字符串，其中去除了結尾的空白字符。 trimEnd() 方法不會更改原始字符串。

• trimRight() 方法是trimEnd() 方法的別名。

學習更多技能

請點擊下方公眾號