字符串— trim()、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() 方法的别名。

 

 

 
posted @   喆星高照  阅读(249)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2022-06-17 Weakmap详解
2021-06-17 如何实现文件上传?说说你的思路
点击右上角即可分享
微信分享提示