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

譯文 | 楊小愛

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

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

01、trim()

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

JavaScript trim() 方法介紹

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


let resultString = str.trim();

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

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

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

JavaScript trim() 示例

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


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

輸出：


"JS trim"

02、trimStart（）

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

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


let newString = originalString.trimStart();

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

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

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


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

輸出：


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

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

總結(jié)

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

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

03、trimEnd()

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

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


let newString = originalString.trimEnd();

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

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


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

輸出：


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

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

總結(jié)