字串— trim()、trimStart() 和 trimEnd()

喆星高照發表於2024-06-17
字串

在今天的教程中，我們將一起來學習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() 方法的別名。

相關文章