JavaScript去除空格的三种方法 (trim)

最新推荐文章于 2025-05-29 17:12:06 发布
转载 最新推荐文章于 2025-05-29 17:12:06 发布 · 1.8k 阅读 · 2
文章标签：

#javascript #function #prototype #button #input #html

本文介绍三种JavaScript去除字符串前后空格的方法：利用正则表达式扩展String原型，通过循环检查字符，及创建单一函数处理不同类型的空格移除需求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

方法一:
个人认为最好的方法.采用的是正则表达式,这是最核心的原理.
其次.这个方法使用了JavaScript的prototype 属性

其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.
下面就来看看这个属性是怎么来用的.

引用内容

-----------------------------------------------------------------------------------------------------------------------------

返回对象类型原型的引用。

objectName.prototype
objectName 参数是对象的名称。

说明
用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。

例如，要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入 Array.prototype，并使用它。

js 代码
  1. function array_max( ){   
  2.    var i, max = this[0];   
  3.    for (i = 1; i < this.length; i++)   
  4.    {   
  5.    if (max < this[i])   
  6.    max = this[i];   
  7.    }   
  8.    return max;   
  9. }   
  10. Array.prototype.max = array_max;   
  11. var x = new Array(1, 2, 3, 4, 5, 6);   
  12. var y = x.max( );   

该代码执行后，y 保存数组 x 中的最大值，或说 6。

所有 JScript 内部对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能，但该对象不能被赋予不同的原型。然而，用户定义的对象可以被赋给新的原型。

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

-------------------------------------------------------------------------------------------------------------------------------------------------

 

下面是代码原文

<SCRIPT LANGUAGE="JavaScript">
<!--
//出处:网上搜集
//made by yaosansi 2005-12-02
//For more visit http://www.yaosansi.com
// 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>

 

使用方法见以下代码

html代码

<SCRIPT LANGUAGE="JavaScript">
<!--
//出处:网上搜集
//made by yaosansi 2005-12-02
//For more visit http://www.yaosansi.com
// 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>

<input type="text" value="   前后都是空格    " id="space">
<input type="button" value="去前后空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.Trim();document.getElementById('space').select();">
<input type="button" value="去前空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.LTrim();document.getElementById('space').select();">
<input type="button" value="去后空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.RTrim();document.getElementById('space').select();">
<input type="button" value="还原" onclick="javascript:document.getElementById('space').value='     前后都是空格    ';">
<a href="http://www.yaoasnsi.com" target="_blank">访问yaosansi.com</a>

 

下面来我们来看看Js脚本中"/s表示什么" , 请紧记是小写的s
引用内容

-------------------------------------------------------------------------------------------------------------------------------

/s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ /f/n/r/t/v]。

---------------------------------------------------------------------------------------------------------------------------------------

 

方法二:
由于使用方法简单,所以这里就不举例子了.

//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));    
   
}    
 

方法三:
这个方法将函数写在一起,通过传递参数不同而达到不同的实现效果

引用内容

<HTML>
<HEAD>
<TITLE>JavaScript Trim Function</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
//****************************************************************
// Description: sInputString 为输入字符串，iType为类型，分别为
// 0 - 去除前后空格; 1 - 去前导空格; 2 - 去尾部空格
//****************************************************************
function cTrim(sInputString,iType)
{
var sTmpStr = ' '
var i = -1

if(iType == 0 || iType == 1)
{
while(sTmpStr == ' ')
{
++i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(i)
}

if(iType == 0 || iType == 2)
{
sTmpStr = ' '
i = sInputString.length
while(sTmpStr == ' ')
{
--i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(0,i+1)
}
return sInputString
}
//-->
</SCRIPT>
</HEAD>

<BODY>
JavaScript中的字符串去除空格函数（自定义）:<br>

<SCRIPT LANGUAGE=javascript>
<!--
var sR0 = cTrim(" T e s t ",0)
var sR1 = cTrim(" T e s t ",1)
var sR2 = cTrim(" T e s t ",2)
document.write("R0 = '" + sR0 + "'<br>")
document.write("R1 = '" + sR1 + "'<br>")
document.write("R2 = '" + sR2 + "'<br>")
//-->
</SCRIPT>

</BODY>
</HTML>

 

 

   运行效果如下

<HTML>
<HEAD>
<TITLE>JavaScript Trim Function</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
//****************************************************************
// Description: sInputString 为输入字符串，iType为类型，分别为
// 0 - 去除前后空格; 1 - 去前导空格; 2 - 去尾部空格
//****************************************************************
function cTrim(sInputString,iType)
{
var sTmpStr = ' '
var i = -1

if(iType == 0 || iType == 1)
{
while(sTmpStr == ' ')
{
++i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(i)
}

if(iType == 0 || iType == 2)
{
sTmpStr = ' '
i = sInputString.length
while(sTmpStr == ' ')
{
--i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(0,i+1)
}
return sInputString
}
//-->
</SCRIPT>
</HEAD>

<BODY>
JavaScript中的字符串去除空格函数（自定义）:<br>

<SCRIPT LANGUAGE=javascript>
<!--
var sR0 = cTrim(" T e s t ",0)
var sR1 = cTrim(" T e s t ",1)
var sR2 = cTrim(" T e s t ",2)
document.write("R0 = '" + sR0 + "'<br>")
document.write("R1 = '" + sR1 + "'<br>")
document.write("R2 = '" + sR2 + "'<br>")
//-->
</SCRIPT>

</BODY>
</HTML>
javascript去掉两边空格
02-23
javascript去掉两边空格
JavaScript去除空格的三种方法(正则/传参函数/trim)
10-27
本文将详细介绍在JavaScript中去除字符串中空格的三种方法，包括使用正则表达式、传参函数以及JavaScript内置的String.prototype.trim()方法。 首先，正则表达式是处理字符串的强大工具，它允许你进行复杂的模式...
JavaScript去除空格的几种方法 (trim)
weixin_34133829的博客
02-27 528
方法一: 个人认为最好的方法.采用的是正则表达式,这是最核心的原理. 其次.这个方法使用了JavaScript的prototype 属性 其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便. 下面就来看看这个属性是怎么来用的.    引用内容 返回对象类型原型的引用。 objectName.prototype objectName 参数是对象的名称。 ...
​​深入解析trim()方法：基本使用、源码解析与应用场景
最新发布
qq_44136882的博客
05-29 434
JavaScript中使用trim()方法去除字符串两端空白字符，确保数据统一性。语法为str.trim()，返回新字符串且不修改原值，支持处理空格、制表符等空白字符。底层通过遍历字符串首尾非空白字符索引实现，现代引擎有性能优化。常用于表单输入处理、数据比较和路径规范化等场景。ES2019新增了trimStart()和trimEnd()方法。注意：不处理中间空格，需考虑兼容性。掌握trim()能有效提升字符串处理的健壮性。
javascript去掉空格
weixin_33863087的博客
04-27 303
1、  去掉字符串前后所有空格： 代码如下：          function Trim(str)          {               return str.replace(/(^\s*)|(\s*$)/g, "");       }     说明：     如果使用jQuery直接使用$.trim(str)方法即可，str表示要去掉前后所有空格的字符串。   2...
js的trim()
热门推荐
风火一回，一生不毁
06-12 3万+
trim()是一个很适用的方法，作用是去除字符串两边的空白，但是js本身并未提供这个方法，下面介绍js使用trim()的方法。 1.通过原型创建字符串的trim() //去除字符串两边的空白 String.prototype.trim=function(){ 　　return this.replace(/(^\s*)|(\s*$)/g, ""); } //只去除字符串左边空白  
JavaScript去空格
逍遥君の书库
08-09 441
let Arr11=["3331"," 33","3333"," ","123 ","555"]; let Arr22=[]; for(let i=0;i&lt;Arr11.length;i++){ if(Arr11[i].trim()!=""){ Arr22.push(Arr11[i].trim()) } }
JavaScript trim 去除字符串空格的三种方法(附代码详解)
12-08
方法一: 正则替换 推荐个人认为最好的方法.采用的是正则表达式,这是最核心的原理. 下面是代码原文 代码如下: [removed] <!– //出处:网上搜集 //For more visit //www.jb51.net // Trim() , Ltrim() , RTrim() ...
JS中去除字符串空格trim()函数
txun123的博客
04-17 1万+
javascript中 用于去除字符串中空格的函数是：trim() trim()函数用于去除字符串两端的空格（空白字符），并返回处理后的字符串。 trim()函数并不影响原来的字符串本身，它返回的是一个新的字符串。 缺陷：只能去除字符串两端的空格，不能去除中间的空格 示例： var str = " 6 6 "; var str_1 = str.trim(); console.log(str_1); //6 6//输出左右侧均无空格 单独去除左侧空格则使用 str.trimLeft(); //
JS的trim方法
qq_61818443的博客
03-07 3399
方法用于去除字符串两端的空格（包括空格、制表符和换行符），并返回处理后的新字符串。在这个示例中，原始字符串包含了两端的空格，但在调用。方法后，返回的新字符串已经去除了两端的空格。在JavaScript中，字符串对象的。下面是一个简单的示例，演示了如何使用。其中，str 是要进行处理的字符串。希望这个示例能够帮助你更好地理解。
JavaScript中String去掉空格Trim方法
hsany330的专栏
09-30 1773
方法一: 个人认为最好的方法.采用的是正则表达式,这是最核心的原理. 其次.这个方法使用了JavaScript 的prototype 属性 Java代码   // Trim() , Ltrim() , RTrim()  String.prototype.Trim = function(){   return this.replace(/(^\s*)|(\s*$)/g, ""
javascript去除空格
SailingAptech的专栏
06-14 257
[code="js"] JS--Demo function trim(s){ return s.replace(/^\s*/,"").replace(/\s*$/,""); } function on(){ alert(trim("ddddddddddddd "));; } ...
JavaScript 字符串处理：trim()和replace()
前端开发博客
07-01 6946
字符串操作是编程的基础技能。在 JavaScript 中，你经常需要处理字符串，其中一项常见任务就是修剪字符。修剪指的是移除字符串开头和/或结尾的特定字符，例如空格、制表符、换行符或逗号。你可能还想移除程序中不需要的特定字符，并用其他字符替换它们。本文将介绍一些在 JavaScript 中修剪和移除字符串字符的方法。使用trim()方法移除空格trim()方法是 JavaScript 内置的...
javascript去空格
kingsui
11-29 272
  去除字符串左右两端的空格，在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim，但在js中却没有这3个内置方法，需要手工编写。下面的实现方法是用到了正则表达式，效率不错，并把这三个方法加入String对象的内置方法中去。 js 代码 &lt;script type="text/javascript"&gt;    function trim(st...
JavaScript中如何trim()
wzwind的专栏
03-09 814
在JavaScript中我们需要用到trim的地方很多，但是JavaScript又没有独立的trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。     方案一：     以原型方式调用，即obj.trim()形式，此方式简单且使用方面广泛，定义方式如下：/*** 删除左右两端的空格*/String.prototype.trim=function(){    
JS实现Trim()
kubaoer的专栏
12-29 657
//js去除空格函数 //此处为string类添加三个成员 String.prototype.Trim = function(){ return Trim(this);} String.prototype.LTrim = function(){return LTrim(this);} String.prototype.RTrim = function(){return RTrim(this
JavaScript trim() 方法去除字符串头尾空格
"trim()方法是JavaScript中用于去除字符串头尾空白字符的方法，它不改变原始字符串，不适用于null、undefined和Number类型。该方法在不同浏览器中的支持度各有差异，最早在ECMAScript5版本中被引入。若浏览器不支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值