js中数组函数和注意事项

    作者:PHP中文网2018-03-13 16:47:20

    本文主要和大家分享js中数组函数和注意事项,首先我们先和大家分享js 的数组对象有哪些,希望能帮助到大家。

    js 的数组对象有哪些

    1. push — 向数组的末尾添加一个或更多元素,并返回新的长度。

    2. pop — 删除并返回数组的最后一个元素

    3. shift — 删除并返回数组的第一个元素

    4. unshift —可向数组的开头添加一个或更多元素,并返回新的长度。

    5. slice — 从某个已有的数组返回选定的元素

    6. sort — 对数组的元素进行排序

    7. join —把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

    8. concat — 连接两个或更多的数组,并返回结果。

    9. reverse —颠倒数组中元素的顺序。

    10. splice — 删除元素,并向数组添加新元素。

    使用注意事项

    1. push ,unshift 都是返回的 新的长度

    2. pop , shift 删除 都是返回的 删除的那个值

      var Arr1 = ['11','22','33']
      var a = Arr1.push('44');
      console.log(a);  //4
      console.log(Arr1);//["11", "22", "33", "44"]
      
      var c = Arr1.pop();
      console.log(c); //44
      console.log(Arr1);//["11", "22", "33"]
      
      var d = Arr1.pop();
      console.log(d);//33
      console.log(Arr1);//["11", "22"]
      
      var Arr2 =['a','b','c']
      var b =Arr2.unshift('-a');
      console.log(b); //4 
      console.log(Arr2); // ["-a", "a", "b", "c"]
      
      
      var e = Arr2.shift();
      console.log(e); //-a
      console.log(Arr2); // ["a", "b", "c"]
      
      var f = Arr2.shift();
      console.log(f); //a 
      console.log(Arr2); // ["b", "c"]
    3. slice 和 splice
      slice 返回新数组 与原来数组没有关系 不会影响源对象
      参数(start , end )从哪里开始( 如果为负数 从后面开始数),到哪里结束(如果是负数,从尾部开始算)

      var Arr1 = ['11','22','33']
      var a = Arr1.slice(0);
      console.log(a);
      Arr1[0] = '111';
      console.log(a);
      console.log(Arr1);

      splice 会源对象进行分割

      arrayObject.splice(index,howmany,item1,.....,itemX)
      
      index   必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
      howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
      item1, ..., itemX   可选。向数组添加的新项目
      
      var Arr1 = ['11','22','33','44','55'];
      var a = Arr1.splice(1,5);
      console.log(a); // ["22", "33", "44", "55"]
      console.log(Arr1); //["11"]
      
      
      var Arr1 = ['11','22','33','44','55'];
      var a = Arr1.splice(1,5,'66','77','88');
      console.log(a);["22", "33", "44", "55"]
      console.log(Arr1); ["11", "66", "77", "88"]
    4. sort

      arrayObject.sort(sortby)
      sortby  可选。规定排序顺序。必须是函数。
      
      function sortNumber(a,b)
      {
      return -(a - b)
      }
      
      var arr = new Array(6)
      arr[0] = "10"
      arr[1] = "5"
      arr[2] = "40"
      arr[3] = "25"
      arr[4] = "1000"
      arr[5] = "1"
      console.log(arr.sort(sortNumber))//["1000", "40", "25", "10", "5", "1"]
    5. 字符串和数组的转化

      var arr = new Array(6)
      arr[0] = "10"
      arr[1] = "5"
      arr[2] = "40"
      arr[3] = "25"
      arr[4] = "1000"
      arr[5] = "1"
      var a = arr.join('-');
      console.log(a);//10-5-40-25-1000-1
      var b = a.split('-');
      console.log(b);//["10", "5", "40", "25", "1000", "1"]
    6. concat
      会生成新的数组,不会影响原来的数组

    相关推荐:

    最实用的JS数组函数整理

    常用数组函数有哪些

    JavaScript原生数组函数讲解

    以上就是js中数组函数和注意事项的详细内容,更多请关注php中文网其它相关文章!

PHP中文网

未登录