js 去掉空格 (转帖)
JavaScript去除字符串两边空格trim(转帖)
2011-03-01
去除字符串左右两端的空格,在大部分编程语言中,比如PHP、vbscript里面可以轻松地使用 trim、ltrim 或 rtrim实现。但在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则表达式,效率不错,并把这三个方法加入String对象的内置方法中去。
写成类的方法格式如下:(str.trim();)
1 2 3 4 5 6 7 8 9 10 11 | <script language= "javascript" > String.prototype.trim= function (){ return this .replace(/(^\s*)|(\s*$)/g, "" ); } String.prototype.ltrim= function (){ return this .replace(/(^\s*)/g, "" ); } String.prototype.rtrim= function (){ return this .replace(/(\s*$)/g, "" ); } </script> |
写成函数可以这样:(trim(str))
1 2 3 4 5 6 7 8 9 10 11 | <script type= "text/javascript" > function trim(str){ //删除左右两端的空格 return str.replace(/(^\s*)|(\s*$)/g, "" ); } function ltrim(str){ //删除左边的空格 return str.replace(/(^\s*)/g, "" ); } function rtrim(str){ //删除右边的空格 return str.replace(/(\s*$)/g, "" ); } </script> |
面试题,要求给js的String添加一个方法,去除字符串两边的空白字符(包括空格、制表符、换页符等)。
1 2 3 4 5 | String.prototype.trim = function () { //return this.replace(/[(^\s+)(\s+$)]/g,"");//會把字符串中間的空白符也去掉 //return this.replace(/^\s+|\s+$/g,""); // return this .replace(/^\s+/g, "" ).replace(/\s+$/g, "" ); } |
JQuery1.4.2,Mootools 使用
1 2 3 | function trim1(str){ return str.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '' ); } |
jQuery1.4.3,Prototype 使用,该方式去掉g以稍稍提高性能 在小规模的处理字符串时性能较好
1 2 3 | function trim2(str){ return str.replace(/^(\s|\u00A0)+/, '' ).replace(/(\s|\u00A0)+$/, '' ); } |
Steven Levithan 在进行性能测试后提出了在JS中执行速度最快的裁剪字符串方式,在处理长字符串时性能较好
1 2 3 4 5 6 7 8 9 10 | function trim3(str){ str = str.replace(/^(\s|\u00A0)+/, '' ); for ( var i=str.length-1; i>=0; i--){ if (/\S/.test(str.charAt(i))){ str = str.substring(0, i+1); break ; } } return str; } |
最后需要提到的是 ECMA-262(V5) 中给String添加了原生的trim方法(15.5.4.20)。此外Molliza Gecko 1.9.1引擎中还给String添加了trimLeft ,trimRight 方法。
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· ASP.NET Core 模型验证消息的本地化新姿势
· 对象命名为何需要避免'-er'和'-or'后缀
· SQL Server如何跟踪自动统计信息更新?
· AI与.NET技术实操系列:使用Catalyst进行自然语言处理
· 分享一个我遇到过的“量子力学”级别的BUG。
· dotnet 源代码生成器分析器入门
· Draw.io:你可能不知道的「白嫖级」图表绘制神器
· ASP.NET Core 模型验证消息的本地化新姿势
· 从零开始:基于 PyTorch 的图像分类模型
· [WPF] 在RichTextBox中输出Microsoft.Extension.Logging库的