JavaScript trim 去除字符串空格的三种方法(附代码详解)
更新时间：2010年05月29日 23:54:42 作者：
个人认为最好的方法.采用的是正则表达式,这是最核心的原理.因为空格有多种形式。
方法一: 正则替换 推荐
个人认为最好的方法.采用的是正则表达式,这是最核心的原理.
下面是代码原文
<SCRIPT LANGUAGE="JavaScript">
<!--
//出处:网上搜集
//For more visit https://www.jb51.net
// Trim() , Ltrim() , RTrim()
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>
下面来我们来看看Js脚本中"/s表示什么"
\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。
请紧记是小写的s
其次.这个方法使用了JavaScript 的prototype 属性
其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.
下面就来看看这个属性是怎么来用的.
返回对象类型原型的引用。
objectName.prototype
objectName 参数是对象的名称。
说明
用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。
例如，要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入 Array.prototype，并使用它。
function array_max( ){ var i, max = this[0]; for (i = 1; i < this.length; i++) { if (max < this[i]) max = this[i]; } return max;}Array.prototype.max = array_max;var x = new Array(1, 2, 3, 4, 5, 6);var y = x.max( );
该代码执行后，y 保存数组 x 中的最大值，或说 6。
所有 JScript 内部对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能，但该对象不能被赋予不同的原型。然而，用户定义的对象可以被赋给新的原型。
本语言参考中每个内部对象的方法和属性列表指出哪些是对象原型的部分，哪些不是。
方法二:
由于使用方法简单,所以这里就不举例子了.
//javascript去空格函数
function LTrim(str){ //去掉字符串 的头空格
var i;
for(i=0;i if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(i,str.length);
return str;
}
function RTrim(str){
var i;
for(i=str.length-1;i>=0;i--){
if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(0,i+1);
return str;
}
function Trim(str){
return LTrim(RTrim(str));
}
方法三:
这个方法将函数写在一起,通过传递参数不同而达到不同的实现效果
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
个人认为最好的方法.采用的是正则表达式,这是最核心的原理.
下面是代码原文
复制代码 代码如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
//出处:网上搜集
//For more visit https://www.jb51.net
// Trim() , Ltrim() , RTrim()
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>
下面来我们来看看Js脚本中"/s表示什么"
\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。
请紧记是小写的s
其次.这个方法使用了JavaScript 的prototype 属性
其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.
下面就来看看这个属性是怎么来用的.
返回对象类型原型的引用。
objectName.prototype
objectName 参数是对象的名称。
说明
用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。
例如，要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入 Array.prototype，并使用它。
function array_max( ){ var i, max = this[0]; for (i = 1; i < this.length; i++) { if (max < this[i]) max = this[i]; } return max;}Array.prototype.max = array_max;var x = new Array(1, 2, 3, 4, 5, 6);var y = x.max( );
该代码执行后，y 保存数组 x 中的最大值，或说 6。
所有 JScript 内部对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能，但该对象不能被赋予不同的原型。然而，用户定义的对象可以被赋给新的原型。
本语言参考中每个内部对象的方法和属性列表指出哪些是对象原型的部分，哪些不是。
方法二:
由于使用方法简单,所以这里就不举例子了.
复制代码 代码如下:
//javascript去空格函数
function LTrim(str){ //去掉字符串 的头空格
var i;
for(i=0;i if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(i,str.length);
return str;
}
function RTrim(str){
var i;
for(i=str.length-1;i>=0;i--){
if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(0,i+1);
return str;
}
function Trim(str){
return LTrim(RTrim(str));
}
方法三:
这个方法将函数写在一起,通过传递参数不同而达到不同的实现效果
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
Bootstrap Table 双击、单击行获取该行及全表内容
这篇文章主要介绍了Bootstrap Table 双击、单击行获取该行内容及获取全表的内容,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
Clipboard API 是一组用于在浏览器中操作剪贴板的 JavaScript API,它允许开发者在网页上读取和写入剪贴板内容,实现复制、剪切和粘贴等功能,这篇文章主要介绍了JS实现复制粘贴文字及图片功能,需要的朋友可以参考下2024-07-07
JavaScript双问号操作符(??)详解及如何解决使用||时因类型转换带来的问题
双问号操作符是ES2020引入的一个用于处理变量默认值的新特性,与传统的逻辑或操作符||不同,这篇文章主要介绍了JavaScript双问号操作符(??)详解及如何解决使用||时因类型转换带来的问题,需要的朋友可以参考下2025-04-04
javascript数组对象的slice方法从数组中分离出一个子数组，功能类似于字符串对象的substring方法。今天我们就来详细探讨下javascript的这个不太常用的slice()方法。2015-04-04
在网上找了很多dom操作的例子，感觉不全而且凌乱。2010-04-04
这篇文章主要介绍了Javascript前端下载后台传来的文件流代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
这篇文章主要介绍了javascript实现倒计时N秒后网页自动跳转代码,非常的实用，这里推荐给大家。2014-12-12
这篇文章主要给大家介绍了关于如何利用Three.js实现web端显示点云数据的相关资料,最近在项目中遇到需求,需要在web端显示点云数据,将我的实现步骤介绍在这里供大家参考,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了Auto.js自动收取自己和好友蚂蚁森林能量脚本，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
Js刷新框架页方法，有时候需要控制下框架里面的页面内容的刷新，下面的方法整理的比较详细了，需要的朋友可以参考下。2010-04-04
最新评论