js中数组函数和注意事项

本文主要和大家分享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原生数组函数讲解