网站地图    收藏   

主页 > 前端 > javascript >

JavaScript去除空格各种方法总结

来源:自学PHP网    时间:2017-04-21 15:11 作者: 阅读:

[导读] 下面我总结了目前能删除空格的各种方法,包括有删除前后删除空格,中间空格,连续空间,有需要了解的朋友可参考参考。...

方法一:

个人认为最好的方法.采用的是正则表达式,这是最核心的原理.

其次.这个方法使用了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 属性。可以象该例中那样为原型添加功能,但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。

本语言参考中每个内部对象的方法和属性列表指出哪些是对象原型的部分,哪些不是。

下面是代码原文


 程序代码

<SCRIPT LANGUAGE="JavaScript">
<!--
//出处:网上搜集
//made by yaosansi 2005-12-02
//For more visit http://www.111cn.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 匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ fnrtv]。 


请紧记是小写的s

jquery删除空格

$.trim(str)


正则替换空格

<html> 
<head> 
<title> IE9 亲测JS各种去空格大全 </title> 
</head> 
<script> 
function clearSpace(inputO){ 
var valueText=inputO.value; 
//去掉前后空格 
var text1=valueText.replace( /^s+/, "" ).replace( /s+$/, "" ); 
//去掉所有空格 
var text2=valueText.replace(/[ ]/g,""); 
//去掉前空格 
var text3=valueText.replace( /^s+/, "" ); 
//去掉后空格 
var text4=valueText.replace( /s+$/, "" ); 
alert("=="+text1+"=="); 
alert("=="+text2+"=="); 
alert("=="+text3+"=="); 
alert("=="+text4+"=="); 
} 
</script> 
<body> 
<input type="text" id="appNo" onblur="clearSpace(this);" /> 
</body> 
</html>


遍历删除空格

//供使用者调用 
function trim(s){ 
return trimRight(trimLeft(s)); 
} 
//去掉左边的空白 
function trimLeft(s){ 
if(s == null) { 
return ""; 
} 
var whitespace = new String(" tnr"); 
var str = new String(s); 
if (whitespace.indexOf(str.charAt(0)) != -1) { 
var j=0, i = str.length; 
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){ 
j++; 
} 
str = str.substring(j, i); 
} 
return str; 
} 
//去掉右边的空白 www.111cn.net
function trimRight(s){ 
if(s == null) return ""; 
var whitespace = new String(" tnr"); 
var str = new String(s); 
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){ 
var i = str.length - 1; 
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){ 
i--; 
} 
str = str.substring(0, i+1); 
} 
return str; 
}


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论