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

trim,trimstart,trimend · 浏览次数 : 0

小编点评

本文介绍了JavaScript中的三个字符串方法：trim()、trimStart()和trimEnd()。这些方法可以帮助我们从字符串的开头和结尾删除空格字符。首先，我们学习了如何使用trim()方法从字符串的两端删除空格字符。这个方法会返回一个新字符串，其中包含了从字符串开头和结尾去除的空白字符。需要注意的是，这个方法并不会改变原始字符串。接下来，我们讨论了trimStart()方法，它用于从字符串的开头删除空格字符。使用这个方法后，我们会得到一个新的字符串，其中原字符串开头的空格字符被移除。同样地，trimStart()方法也不会改变原始字符串。最后，我们学习了trimEnd()方法，它用于从字符串的末尾删除空格字符。使用这个方法后，我们会得到一个新的字符串，其中原字符串末尾的空格字符被移除。同样地，trimEnd()方法也不会改变原始字符串。在实际应用中，我们可以根据需要选择使用trimStart()或trimEnd()方法，或者同时使用这两个方法来从字符串的开头和结尾同时删除空格字符。另外，还有一个简化的方法叫做trimLeft()和trimRight()，它们分别是trimStart()和trimEnd()方法的别名，具有相同的功能。

正文

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