首页 > 其他分享 >字符串— trim()、trimStart() 和 trimEnd()

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

时间:2024-06-17 14:10:16浏览次数:20  
标签:trim 字符 trimStart JavaScript 字符串 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() 方法的别名。

 

 

 

标签:trim,字符,trimStart,JavaScript,字符串,trimEnd
From: https://www.cnblogs.com/houxianzhou/p/18252258

相关文章

  • TypeError: Cannot read properties of undefined (reading 'trim')
     运行时提示:TypeError:Cannotreadpropertiesofundefined(reading'trim')问题排查:1、确认trim()属性是否存在,这个是js去除字符串左右空格,属性是存在的2、确认this.form.proxy_url是否存在3、确认确认this.form.proxy_url的值是否为undefined和null通过排查和打印,con......
  • v-model的修饰符( .number .trim .lazy)
    v-model的修饰符 .number的作用是将绑定的值从string类型变为number类型 在上述代码中,我们在input元素绑定了blur事件,作用为当鼠标移出当元素,触发该事件去响应方案 可以看到在鼠标移出后,控制台打印的number类型为string当我们再v-model后加上修饰符.number后 控制台......
  • WPF的TextTrimming的属性
    WPF的TextTrimming="CharacterEllipsis"是一种文本修剪方式,用于在文本长度超过容器宽度时省略文本。它会在文本末尾添加省略号(...),同时保留尽可能多的字符。这种修剪方式通常用于UI设计中,以避免文本溢出并保持视觉美观。可以通过设置TextTrimming属性来指定文本的截断方式:Tex......
  • 神奇!autoTrimCurve(curve,parameter1)中参数parameter1的意义
    autoTrimCurve命令解释使用python进行ABAQUS二次开发时,建立草图用到自动裁剪命令,rpy文件中记录的是s.autoTrimCurve(curve1=g[4],point1=(-12.5237464904785,0.153462409973145))关键词 point1需要输入曲线上某点的坐标值,即一对浮点数由于我的需求大量参数化建模,每次生......
  • Kubernetes kafka系列 | Strimzi 部署kafka-bridge
    Strimzi+kafka集群部署直通车一、kafkabridge介绍KafkaBridge是ApacheKafka生态系统中的一个工具或组件,用于实现Kafka与其他系统或协议之间的通信或集成。Kafka本身是一个分布式事件流平台,广泛用于构建实时数据流水线和流式应用程序。然而,并非所有系统或应用程......
  • [669] Trim a Binary Search Tree
    极其少有的我决定自己来写一篇。我就是个脑残真的,我还在想要不要一个个pop,结果忘了这是一个BST……妈个鸡附上我的傻逼代码/**@lcapp=leetcode.cnid=669lang=cpp**[669]TrimaBinarySearchTree*/#include"General.h"structTreeNode{intval;Tr......
  • Trim的使用 C#
    Trim的使用Thesemethodsaredesignedfortrimmingcharactersfromstrings.Here'sabreakdownofeachmethod,alongwithexamplesoftheirusage:1.Trim(chartrimChar):Removesallleadingandtrailinginstancesofaspecificcharacterfromastring......
  • springboot 对请求参数进行trim处理
    配置只针对@RequestBody@BeanpublicJackson2ObjectMapperBuilderCustomizerjackson2ObjectMapperBuilderCustomizer(){returnjacksonObjectMapperBuilder->{jacksonObjectMapperBuilder.deserializerByType(String.class,newStdScalar......
  • TRIM():从字符串中删除不必要的前导和后缀字符
    TRIM()、LTRIM()、RTRIM()1、TRIM():从字符串中删除前导和后缀字符TRIM():从字符串中删除不必要的前导和后缀字符语法:TRIM([{BOTH|LEADING|TRAILING}[removed_str]]FROMstr);--BOTH:删除前缀和后缀,默认是BOTH--LEADING:删除前缀--TRAILING:删除后缀--removed_str:删除......
  • Vue:表单修饰符(.lazy/.number/.trim)
    一、v-model.lazy默认情况下,v-model 会在每次 input 事件后更新数据。也就是说在每次输入时都会改变绑定的值。例如,在下面的代码中,每次在输入框中输入时,number都会立即改变{{number}}<inputtype="text"v-model="number"/>有时候我们希望在一次输入结束后再......