JavaScript实现trim函数

最新推荐文章于 2024-06-04 10:59:03 发布
最新推荐文章于 2024-06-04 10:59:03 发布
阅读量5.2k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/david___/article/details/53026411
版权

有三种方法

别人的方法，使用正则表达式

写成类的方法格式如下：（str.trim();）
　　<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))
　　<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>
还有

利用substring函数

<script language="javascript">
 function   javaTrim(str) {  
       if(str.length>0 && str.indexOf(" ")!=-1){ 
        while(str.substring(0,1)==" ")  
                  str  =  str.substring(1,str.length);  
        while(str.substring(str.length-1,str.length)==" ")  
            str   =   str.substring(0,str.length-1);  
       }
       return   str;  
 }
</script>
我自己写的，太牛逼了，中间的空格也去掉了，但有时还是要保留的 

<pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
var str = " taobao";
var arr = str.split("");
var array = [];
var result = "";
function trim(){
	for(var i=0;i<arr.length;i++){
		if(arr[i] == " "){
			continue;
		}else{
			array.push(arr[i]);
		}
	}
	// console.log(array);
	result = array.join("");
	console.log(result);
}
trim();
</script>
</body>
</html>


 

 

 


                

        

        

    




    

      

        

            

              
                
                  david___
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
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方法

				
			

			

				

					SpringRolls的博客
				

				

					06-05
					
					1万+
					
				

			

		

		

			
				
trim()：去除字符串左右两端的空格

方法一：正则表达式


^:从头匹配

$:从尾匹配

\s:s匹配空字符(空格,tab,\n,换页,回车)

*:匹配前面的表达式0次或多次

|:指明两项之间的一个选择

g:执行全局匹配,而不是找到第一个匹配就停止

...

			
		

	



                


  
              

                


	

		

			

				
					
trim()方法

					
最新发布

				
			

			

				

					0.0雨的博客
				

				

					06-04
					
					286
					
				

			

		

		

			
				
trim()方法

			
		

	





	

		

			

				
					
【JavaScript 进阶教程】字符串新增方法 trim() 的说明与使用

				
			

			

				

					weixin_52212950的博客
				

				

					08-05
					
					3886
					
				

			

		

		

			
				
这篇文章给大家讲解在 ES5 中字符串新增方法之一：trim()，这个方法用于对空白字符的处理，这篇文章带给大家这个方法的用法以及其使用用途。

			
		

	



		

			
		



	

		

			

				
					
JS的trim方法

				
			

			

				

					qq_61818443的博客
				

				

					03-07
					
					974
					
				

			

		

		

			
				
方法用于去除字符串两端的空格（包括空格、制表符和换行符），并返回处理后的新字符串。在这个示例中，原始字符串包含了两端的空格，但在调用。方法后，返回的新字符串已经去除了两端的空格。在JavaScript中，字符串对象的。下面是一个简单的示例，演示了如何使用。其中，str 是要进行处理的字符串。希望这个示例能够帮助你更好地理解。

			
		

	





	

		

			

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

				
			

			

				

					蝴蝶兰的专栏
				

				

					07-26
					
					1600
					
				

			

		

		

			
				
方法一:个人认为最好的方法.采用的是正则表达式,这是最核心的原理.其次.这个方法使用了JavaScript的prototype 属性其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.下面就来看看这个属性是怎么来用的.引用内容----------------------------------------------------------------------------

			
		

	





	

		

			

				
					
js的trim()

					
热门推荐

				
			

			

				

					风火一回，一生不毁
				

				

					06-12
					
					3万+
					
				

			

		

		

			
				
trim()是一个很适用的方法，作用是去除字符串两边的空白，但是js本身并未提供这个方法，下面介绍js使用trim()的方法。
1.通过原型创建字符串的trim()
//去除字符串两边的空白
String.prototype.trim=function(){
　　return this.replace(/(^\s*)|(\s*$)/g, "");
}

//只去除字符串左边空白
 

			
		

	





	

		

			

				
					
JS --- trim() 函数

				
			

			

				

					weixin_30301449的博客
				

				

					01-10
					
					305
					
				

			

		

		

			
				
trim()是一个很适用的方法，作用是去除字符串两边的空白，但是js本身并未提供这个方法，下面介绍js使用trim()的方法。
1.通过原型创建字符串的trim()

//去除字符串两边的空白

String.prototype.trim=function(){
　　return this.replace(/(^\s*)|(\s*$)/g, "");
}

//只去除字...

			
		

	





	

		

			

				
					
React入门

				
			

			

				

					牧的专栏
				

				

					03-08
					
					2176
					
				

			

		

		

			
				
React入门这里介绍一篇react网站上的教程，介绍如何使用react组件。这个组件包含以下一些内容 
1.评论里面所有的视图 
2.一个用来提交评论的表单 
3.一个自定义的后台的钩子 
原地址点这里开始源码里面引用的一些资源均是在facebook的CDN上面，可以直接访问，也可以自己去下载这些引用的资源。现在打开编辑器，创建一个html文档。<!-- index.html -->
<html>

			
		

	





	

		

			

				
					
实现字符串的trim方法

				
			

			

				

					weixin_47450807的博客
				

				

					03-22
					
					888
					
				

			

		

		

			
				
一、写在前面
实现字符串的trim方法，可以使用while循环从前开始遍历，然后从后往前遍历，但是这都不是重点，重点的是，我们可以使用正则表达式来解决。
二、正则表达式实现
String.prototype._trim = function() {
  return this.replace(/^(\s*)|(\s*)$/g, '')
}
let str = '   ssss    '
console.log(str.length)
str = str._trim()
console.log(str.len

			
		

	





	

		

			

				
					
JS 去掉字符串空格

				
			

			

				

					ccnfan的专栏
				

				

					10-09
					
					258
					
				

			

		

		

			
				
java 去掉字符串空格
 
&lt;!--
// Trim() , Ltrim() , RTrim()
String.prototype.Trim = function() 
{ 
return this.replace(/(^\s*)|(\s*$)/g, ""); 
} 
String.prototype.LTrim = function() 
{ 
return this...

			
		

	





	

		

			

				
					
React/Taro多端开发小程序实用属性、技巧等

				
			

			

				

					l2345432l的博客
				

				

					06-23
					
					560
					
				

			

		

		

			
				
小知识


在text上添加之后，可以使用&nbsp；空格符号
decode="{{true}}"


获取一个对象{1: 0, 2: 0}里的第n个数据
console.log(res[Object.keys(res)[0]])


修改react，state里一个对象的某个属性
let menuList = this.state.menuList
  menuList[i].isActive = !menuList[i].isActive
  this.setState({
    menuLi

			
		

	





	

		

			

				
					
JavaScript 中的trim()方法

				
			

			

				

					liujjjjjjj的博客
				

				

					08-20
					
					1874
					
				

			

		

		

			
				
trim()方法主要是用于消除字符串前后的空格，可以用于账户账号或者密码里面进行处理

let str = '  jkl  ';
str.trim()  // str = 'jkl'


trimStart()  trimeEnd() ES2019新增了这两个方法 用于消除字符串前后的空格，它们都是返回新的字符串，不会修改原来的字符串

let str = '  jkl  ';
str.trim...

			
		

	





	

		

			

				
					
trim函数-清除两端空格

				
			

			

				

					qq_41801117的博客
				

				

					05-12
					
					275
					
				

			

		

		

			
				
在开发中，我们往往需要对一些输入框值进行获取，但是获取时需要验证其合法性，最基本的一种就是清除两端空格，今天就来手写一个trim函数。
function myTrim(val){
	return val.replace(/^\s+/g,'').replace(/\s+$/g,'')
}


...

			
		

	





	

		

			

				
					
原生js源码之JavaScript的trim方法

				
			

			

				

					编程界明世隐的博客
				

				

					12-03
					
					738
					
				

			

		

		

			
				
trim方法是去除字符串头尾的空格，本文采用正则来处理。

分析：
 获取前面的空格：^\s*
 获取后面的空格：\s*$
 组合起来：^\s*|\s*$
 因为要用replace所以用分组来捕获，然后替换掉
  最终的正则应该是这样 ：/(^\s*)|(\s*$)/g

写实例测试一下


String.prototype.myTrim = function ()
{
	return this.replace(/(^\s*)|(\s*$)/g, "");
}

var str=...

			
		

	





	

		

			

				
					
javascript 实现trim的方法

				
			

			

				

					Wanghaishanren的专栏
				

				

					03-29
					
					1871
					
				

			

		

		

			
				
Javascript中没有现成的trim()函数可以使用,可一用下面的自定义函数实现，通过更改正则表达式可一实现更多的功能。 //增加一个名为   trim   的函数作为//   String   构造函数的原型对象的一个方法String.prototype.trim   =   function()     {             // 用正则表达式将前后空格             //

			
		

	





	

		

			

				
					
js字符串处理方法trim()、trimStart()、trimEnd()

				
			

			

				

					m0_61454228的博客
				

				

					12-29
					
					1136
					
				

			

		

		

			
				
trimStart()（又名trimLeft）:从字符串开头删除空格字符。trimEnd()（又名trimRight）:从字符串结尾删除空格字符。:从字符串的两端删除空格字符。方法不会更改原始字符串。

			
		

	





	

		

			

				
					
React基础入门 与 ES6

				
			

			

				

					2401_84411433的博客
				

				

					04-29
					
					582
					
				

			

		

		

			
				
是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。基本用法：if (/* 异步操作成功 */){} else {});Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由 JavaScript 引擎提供，不用自己部署。resolve函数的作用是，将Promise。

			
		

	





	

		

			

				
					
React与Vue实现Input去除首尾空格的对比

				
			

			

				

					前端博客典中典
				

				

					12-06
					
					2766
					
				

			

		

		

			
				
需求：要求所有的input框提交前自动去除首尾空格，全部都是空格就全部去除。 最简单的办法是在提交前对数据作处理，但是这样会带来很多的重复性工作，所以需要把这层逻辑抽取出 来。
一、React的做法
目前用的是
React
开发，而
React
并没有原生提供类似功能，使用的
Antd
也没有提供，需要我们 自己封装。 如果都是
Input
组件，我们直接封装一层，加上去除首尾空格的逻辑即可。 去除的最佳时机应该是输入框失去光标的时候，所以应该监听
blur
事件。
具体代码如下：
import React

			
		

	





	

		

			

				
					
react中trim函数

				
			

			

				

					05-05
				

			

		

		

			
				
React本身并没有提供trim函数，因为trim函数是JavaScript语言本身的一个字符串方法。你可以在React中使用JavaScript字符串的trim()方法来去除字符串的首尾空格。例如：

```
const str = "   Hello, World!   ";
const trimmedStr = str.trim();
console.log(trimmedStr); // Output: "Hello, World!"
```

在React中，你可以在代码的任何地方使用这个trim函数，比如在组件的render方法中或者其他方法中。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值