美文网首页小程序小程序学习
小程序/js中用到的一些数据操作

小程序/js中用到的一些数据操作

作者: 这位网友 | 来源:发表于2017-09-06 11:44 被阅读109次

    这里主要是记录一些常用的数据操作

    • 生成随机数的算法
    function getGUID() {
      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxx'.replace(/[xy]/g, function (c) {
        var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
      }).toUpperCase();
    }
    
    • 去除输入框的空格,返回最终的内容
    function delTheInputBlank(e) {
      var str = e.detail.value;
      var length = str.length;
      var lastString = str.substr(length - 1, 1);
      if (lastString == " ") {
        var text = str.substr(0, length - 1);
        return text
      } else {
        return str
      }
    }
    

    这个是在输入框输入的时候(bindinput的时候)调用

    • 去除首尾的空格
    function trim(s) {
      return s.replace(/(^\s*)|(\s*$)/g, "");
    }
    

    这里还有一些其他的去掉空格操作:js 去掉字符串前后空格

    • 数组的一些操作

      1、join() — 将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串
      Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串。也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符,默认使用逗号。案例如下:

       var a=[1,2,3];
       a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号。
       a.join("+");//=> "1+2+3" 指定分隔符为+
       a.join("-");//=> "1-2-3" 指定分隔符为-
      

      Array.join()方法是String.split()方法的逆操作,后者是将字符串分割成若干块创建一个数组。

      2、 reverse() — 将数组中元素进行倒叙,返回倒叙的数组
      Array.reverse()方法将数组中元素进行倒叙,返回倒叙的数组,它是在原来数组中进行倒叙,不产生的新数组,返回就是原来的数组,只不过里面元素已经进行倒叙重排了。案例如下:

       var a=[1,2,3];
       a.reverse();// =>a=[3,2,1]; 
      

      3、sort() — 将数组中的元素排序,并返回排序好的数组
      Array.sort()方法将数组中的元素排序,并返回排序好的数组。如果不传参数默认以字母表顺序进行排序。案例如下:

       var a=[4,3,1,2]
       a.sort();// =>[1,2,3,4]
       a.sort(function(a,b){return a-b;});//=>[1,2,3,4] 降序排列
       a.sort(function(a,b){return b-a;});//=>[4,3,2,1] 升序排列
      

      这里使用匿名函数很方便,因为函数只使用一次就没有必要给函数命名了。

      4、concat() — 合并/创建并返回一个新数组
      Array.concat()方法创建并返回一个新数组,新数组中的元素包含调用数组的元素和concat()中传入参数的值,传入的参数可以是单独数值,也可以是数组,concat()不会递归扁平化数组的数组。案例如下:

      var a=[5,6,7];
      a.concat(1,2);// =>[5,6,7,1,2];
      a.concat([1,2]);// =>[5,6,7,1,2];
      a.concat(3,[1,2]);// =>[5,6,7,3,1,2];
      a.concat([1,[2,3]]);// =>[5,6,7,1,[2,3]]; 
      

      5、slice() — 返回指定数组的一个片段或子数组
      Array.slice()方法返回指定数组的一个片段或子数组。里面可以传一个参数或两个参数,参数可以为正也可以为负。案例如下:

      var a=[5,6,7,3,1,2];
      a.slice(1)// =>[6,7,3,1,2] 数字参数指的是数组的索引,一个参数表示开始的位置,不传第二个参数默认为数组中元素个数。
      a.slice(1,3)// =>[6,7] 第二参数是数组索引结束位置,(不包含) index>=1&&index<3;
      a.slice(1,-3)// =>[6,7] 当参数中有负数时候,可以进行转换正数,方法就是-3+6(数组里元素个数)
      a.slice(-3,-2)// =>[3] 同理如上。 
      

      6、splice() — 在数组中插入或删除的通用方法
      Array.splice()方法是在数组中插入或删除的通用方法。它会修改调用的数组,splice()可以传入三个参数,第一参数表示删除元素索引开始的地方,第二参数表示删除元素总数,第三参数,表示插入的元素,元素插入的位置就是删除元素开始的位置。案例如下:

       var a=[5,6,7,3,1,2];
       a.splice(2);// =>[7,3,1,2] a=[5,6];//传入一个参数表示从索引开始删除之后所有的元素。
       a.splice(2,2);// =>[7,3]   a=[5,6,1,2];第二个参数表示删除元素的个数。
       a.splice(2,2,'a','b','c'); //=>[7,3] a=[5,6,'a','b','c',1,2]; 
      

      7、push() 和 unshift()
      Array.push()方法就是向数组最后面添加元素,它返回的是新数组的长度。
      Array.unshift()方法就是向数组最前面添加元素,返回的是新数组的长度。

       var a=[1,2,3];
       a.push(4,5);// a=[1,2,3,4,5]; 返回 值为5;
       a.unshift(4,5);// a=[4,5,1,2,3]; 返回 值为5;☆传的参数可以一个,也可以多个。
      

      8、pop() 和 shift()
      Array.pop()方法就是删除数组中最后一个元素,它返回是删除的元素。
      Array.shift()方法是删除数组最前面的元素,返回是删除的元素。

       var a=[5,6,7];  
       a.pop();// a=[5,6]; 返回值为 7  
       a.shift();// a=[6,7]; 返回值 5
      

    深入一些的了解可以看看:JS合并数组的几种方法及优劣比较

    • 字符串的一些操作

    这里已经懒得自己想了,我们就来传送吧!!!
    Javascript中字符串和数字的操作方法整理

    相关文章

      网友评论

        本文标题:小程序/js中用到的一些数据操作

        本文链接:https://www.haomeiwen.com/subject/xcpmjxtx.html