es6怎么去除字符串前后空格

青灯夜游
发布: 2023-01-04 09:13:44
原创
2757 人浏览过

去除前后空格的两种方法:1、直接使用trim()去除字符串头尾的空格符,语法“str.trim()”;2、先使用trimStart()去除头部空格符,再使用trimEnd()消除尾部空格符,语法“str.trimEnd(str.trimStart())”。

es6怎么去除字符串前后空格

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6去除字符串前后空格的方法

1、使用trim()--去除字符串头尾的空格符

trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。

说明:

  • trim() 方法不会改变原始字符串。

  • trim() 方法不适用于 null, undefined, Number 类型。

示例:

var str = " hello  world "
console.log("原字符串:"+str+"!");
var newStr=str.trim();
console.log("新字符串:"+newStr+"!");
登录后复制

1.png

2、使用trimStart()+trimEnd()--去除字符串头尾的空格符

trimStart()和trimEnd()的行为与trim()一致,trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。

const s = ’ abc ';
s.trim() // “abc”
s.trimStart() // "abc "
s.trimEnd() // " abc"
登录后复制

上面代码中,trimStart()只消除头部的空格,保留尾部的空格。trimEnd()也是类似行为。

想要去除字符串头尾的空格符,就先使用trimStart()去除头部空格,再使用trimEnd()消除尾部空格。

var str = " hello  world "
console.log("原字符串:"+str+"!");
var newStr=str.trimEnd(str.trimStart());
console.log("新字符串:"+newStr+"!");
登录后复制

2.png

说明:

除了空格键,trimStart()和trimEnd()方法对字符串头部(或尾部)的 tab 键、换行符等不可见的空白符号也有效。 

浏览器还部署了额外的两个方法,trimLeft()是trimStart()的别名,trimRight()是trimEnd()的别名。

【相关推荐:javascript视频教程web前端

以上是es6怎么去除字符串前后空格的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板