javascript 实现trim的方法

最新推荐文章于 2019-09-18 19:49:51 发布
最新推荐文章于 2019-09-18 19:49:51 发布
阅读量1.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JSP&HTML&JavaScript 文章标签： javascript 正则表达式 测试 function input table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Wanghaishanren/article/details/2229214
本文介绍了一种在JavaScript中自定义trim函数的方法，该方法能够去除字符串两端的空白字符，包括空格、制表符等，并提供了实际的代码示例及测试用例。

Javascript中没有现成的trim()函数可以使用,可一用下面的自定义函数实现，通过更改正则表达式可一实现更多的功能。
 
//增加一个名为   trim   的函数作为
//   String   构造函数的原型对象的一个方法
String.prototype.trim   =   function()  
  {  
          // 用正则表达式将前后空格  
          // 用空字符串替代。  
          return   this.replace(/(^/s*)|(/s*$)/g,   "");  
  }  

程序分析如下:

首先是把/(^/s*)|(/s*$)/g 替换为""

然后,/.../g 里面的,是表示放置通配符的地方,g代表全局参数
(^/s*)或者(/s*$)都将被替换为""

匹配首尾空白字符的正则表达式：^/s*|/s*$

可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式 

 测试用例:

<html>
    <head>
        <title>
            测试JavaScript的trim方法
        </title>
    </head>
    <script>
        //测试一:测试指定的字符串
        String.prototype.trim= function()  
        {  
            // 用正则表达式将前后空格  
            // 用空字符串替代。  
            return this.replace(/(^s*)|(s*$)/g, "");  
        }
        // 有空格的字符串  
        var s = "    leading and trailing spaces     ";          
        // 显示 "    leading and trailing spaces     (35)"  
        window.alert(s + " (" + s.length + ")");                  
        // 删除前后空格  
        s = s.trim();  
        // 显示"leading and trailing spaces (27)"  
        window.alert(s + " (" + s.length + ")");        
        
        //测试二:测试用户输入的字符串
        function checkData()
        {
            String.prototype.trim= function()  
            {  
                // 用正则表达式将前后空格  
                // 用空字符串替代。  
                return this.replace(/(^s*)|(s*$)/g, "");  
            }
            var source = document.getElementById("source").value;
        
            alert("替换前:"+source+" " + "长度:"+source.length);
            source = source.trim();
            alert("替换后:"+source+" " + "长度:"+source.length);
        }
        
    </script>

    <body>
        <form >
            <table>
                <tr>
                    <td>要测试的字符串</td>
                    <td>
                        <input type="text" ID="source" size="33">
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="button" value="测试" onClick="checkData()">
                    </td>
                </tr>                        
             </table>
        </form>        
    </body>
</html>
JavaScript中的trim()方法是用于去除字符串两端的空白字符
ByteNinja的博客
09-25 398
如果你需要去除字符串两端的空白字符，trim()方法是一个很有用的工具。需要注意的是，trim()方法只能去除字符串两端的空白字符，不能去除字符串中间的空白字符。在这个示例中，我们使用了replace()方法和正则表达式来替换字符串中的所有空白字符（包括空格、制表符和换行符）为空字符串。其中，string是要处理的字符串。trim()方法返回一个新字符串，该字符串是去除了原始字符串两端空白字符后的结果。在这个示例中，trim()方法除去了制表符和换行符，并返回了一个去除了空白字符的新字符串。
JavaScript实现Trim函数功能（附完整源码）
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-22 172
JavaScript实现Trim函数功能（附完整源码）
JavaScript中如何trim()
wzwind的专栏
03-09 816
在JavaScript中我们需要用到trim的地方很多，但是JavaScript又没有独立的trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。     方案一：     以原型方式调用，即obj.trim()形式，此方式简单且使用方面广泛，定义方式如下：/*** 删除左右两端的空格*/String.prototype.trim=function(){    
javascript trim函数
09-15
javascript trim函数。在javascript中，对于字符串可以使用trim去除末尾和开头的多余空白字符。 方法有两种，分别是普通字符串处理法和正则表达式法。根据需要自选。
javascript的trim函数
lmc_wy的专栏
02-14 916
在JavaScript中我们需要用到trim的地方很多，但是JavaScript又没有独立的trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。     方案一：     以原型方式调用，即obj.trim()形式，此方式简单且使用方面广泛，定义方式如下：    /*** 删除左右两端的空格*/String.prototype.trim=function(){   
javascript实现trim方法
阿O、不拽
12-12 334
[url]http://www.ivanzhou.com/?p=170[/url] javascript实现trim方法 在JavaScript中我们要经常用到trim，但JavaScript中没trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。下面介绍2中方案，大家可以看看！ 方案一： 以原型方式调用，即obj.trim()形式，此方式简单且使...
JavaScript实现Trim方法的简易代码解析
在讲解如何在JavaScript中实现trim方法之前，我们先简单介绍一下JavaScript中字符串的基本概念。字符串在JavaScript中是基本数据类型之一，用于表示文本数据。JavaScript提供了丰富的字符串操作方法，其中包括trim()...
JavaScript实现trim方法的详细教程
在实际的项目开发中，由于现代浏览器已经支持原生的String.prototype.trim方法，通常情况下，我们不需要自行实现trim方法。但了解其基本原理和实现方式，对于深入理解JavaScript和字符串操作来说，依然具有一定的...
Javascript中实现trim()函数的两种方法
12-09
在JavaScript中我们需要用到trim的地方很多，但是JavaScript又没有独立的trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。 方案一： 以原型方式调用，即obj.trim()形式，此方式简单且使用...
JavaScript 中的trim()方法
liujjjjjjj的博客
08-20 2058
trim()方法主要是用于消除字符串前后的空格，可以用于账户账号或者密码里面进行处理 let str = ' jkl '; str.trim() // str = 'jkl' trimStart() trimeEnd() ES2019新增了这两个方法 用于消除字符串前后的空格，它们都是返回新的字符串，不会修改原来的字符串 let str = ' jkl '; str.trim...
javascript去空格方法， 相当与java中的trim()
shiwjlolo的专栏
05-11 273
[code="html"] function trim(str){ //删除左右两端的空格 return str.replace(/(^\s*)|(\s*$)/g, ""); } function ltrim(str){ //删除左边的空格 return str.replace(/(^\s*)/g,""); } function rtrim(str){ //删...
JavaScript实现trim()函数
SinBen的专栏
04-17 1265
JavaScript利用正则表达式来实现trim()的功能。特意将trim()函数分解成lefttrim()和righttrim()函数，以适应不同的应用function leftTrim(str){    return str.replace(/^ +/, "");}function rigthTrim(str){    return str.replace(/ +$/,
实现js的trim()方法
pxzsl的专栏
08-13 1074
由于js没有trim()方法，因此需要手动为String对象添加一个原型方法trim()方法一：最简单的正则 String.prototype.trim=function(){ 　　 return this.replace(/(^\s*)|(\s*$)/g, ""); 　　 }实际上由左右两个trim组成 String.prototype.ltrim=function(){
在JS中使用trim 方法
fdyufgf的博客
02-02 592
在JS中使用trim 方法
模拟实现trim方法
a727080085的博客
08-23 973
/*  * 模拟实现trim方法  */ public class MoNiTrim{     public String moNi(String s){         char[] bs = s.toCharArray();         int i = 0;         int j = bs.length-1;         if(bs[i]==' '||bs[j]=
实现自己String类的trim()方法
weixin_38104426的博客
02-24 522
/** * @author 文龙 * @version 2018-2-24 上午8:36:33 */ //String字符串的练习 public class Test4 { //实现自己的trim()方法-->取出字符串两边的空格 public static String trim(String str) { char[] array = str.toCharArray(); i
JS中自定义实现trim()方法
落日夕霞的博客
09-10 4463
JS中自定义实现trim()方法
javascript trim()
且听风吟的博客
09-18 811
trim() 方法用于删除字符串的头尾空格。 不会改变原始字符串。 let arr = " kjjj jjjk " console.log(arr.trim()) console.log(arr) 运行结果： VM282:2 kjjj jjjk VM282:3 kjjj jjjk ...
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()
weixin_30723433的博客
11-04 156
JavaScript自定义方法实现trim()、Ltrim()、Rtrim() 去除字符串两端的空格，是字符串处理非常常用的方法如何trim() 、Ltrim() 、Rtrim()，可惜的是javascript中无此方法，下面有个不错的自定义教程感兴趣的朋友可以参考下 去除字符串两端的空格，是字符串处理非常常用的方法，非常遗憾的是JavaSc...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值