你也许没有注意到的javaScript基础篇----trim()

1,482

前言

最近,我通过在阅读js红宝书的过程中,发现了自己之前不熟悉的trim(),然后就按照自己的粗浅理解搜集整理了一番,分享给大家,一起学习。

涉及到的知识内容

  • 关于trim的实例应用
  • trim和正则表达式的双剑合璧

trim()

var stringValue = ' hello world ';
var timmerStringValue = stringValue.trim();
console.log(1+stringValue+1);		//输出 1 hello world 1
console.log(1+timmerStringValue+1);	//输出 1hello world1

在js高级程序设计上是这样说的------trim()是用来删除前置和后缀的所有空格,然后返回一个结果;

那思考

  • 他们相等吗?

    function str(){
              str1 = "abc   ";
              str2 = "abc";
              str3 = "abc";
              str1 = str1.trim();	//删除str1的首位空格
             console.log(str1 === str3);  // ?
             console.log(str3 === str2);  // ?
        }
     str();
    
    [^]: console出来两个都是true,他们是全等的 ;
  • 在js中关于trim方法的实现大多是结合在正则表达式中,如何实现呢?

    • 删除左右两边的空格
       function trim(e){
              return e.replace(/(^\s*)|(\s*$)/g, "");
          } 
        var ps1 = (' abc ').trim();
        console.log(1+' abc '+1);	//输出 1 abc 1
        console.log(1+ps1+1);	//输出 1abc1 ==》这是删除左右两边空格之后的输出
      
    • 删除左边的空格
       function ltrim(e){
              return e.replace(/(^\s*)/g, "");
          }
       var ps1 = ltrim(' abc ');
       console.log(1+ps1+1);	//输出 1abc 1
      
    • 删除右边的空格
      function rtrim(e){
             return e.replace(/(\s*$)/g, "");
          }
      var ps1 = rtrim(' abc ');
      console.log(1+ps1+1);	//输出 1 abc1
      

小结

trim()的使用场景在平时工作中可能接触会很少,但是如果真的需要我们处理规整一些字符串格式的话他的用处不可小觑,本文只是结合自己通过看到”js红宝书“中第五章延伸出来的一点,这些只是关于trim中的冰山一角,还需要我们多敲多思考多问为什么,继续总结。

后记

如果你喜欢探讨技术,或者对本文有任何意见和建议,欢迎来互动!衷心希望可以遇见你。对了,关于文章中结合用到的正则表达式,如果你感兴趣的话可以去查阅相关资料了解一番!相信也会有意想不到的收获;一起加油吧~