在今天的教程中,我们将一起来学习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() 方法的别名。