js中常用数组方法concatjoinpushpopslicesplice

javascript给我们很多常用的 数组方法，极大方便了我们做程序。下面我们来介绍下常用的集中数组方法。 比如 concat() join() push() pop() unshift() shift() reverse() slice() sort() splice() 等

工具/原料

• chrome浏览器控制台

方法/步骤

1. concat()方法 数组和数组的 粘结:

   var a=[1,2,3,4];

   var b=[5,6,7,8];

   var c=a.concat(b);

   console.log(c); // [1,2,3,4,5,6,7,8] 

   
2. join()方法  改变数组中拼接的符号:

   var a=[1,2,"字符串",false,undefied,null];

   a.join("++");  //   [1++2++字符串++false++++];

   undefined null 自动过滤掉了

   
3. push()方法 在数组的最后一项后追加数值。 //返回数组的长度

   var a=[1,2,3]

   a.push(9);  //返回数组的长度 4，改变了原数组

   console.log(a) //[1,2,3,9]

   向a数组中 push入 一个数组，push的数组会变为 a的子数组，a的长度+1 

   
4. pop() 删除数组的最后一项。 //返回被删除的值，改变了原数组

   var a=[1,2,3,4];

   a.pop()   // 返回删除值 4

   console.log(a)  // [1,2,3]

   
5. unshift() 在数组的第0项前 插入值，原数组的值索引向后移  //返回数组的长度，插入的值为数组，变为 子数组。 改变原数组

   var a=[1,2,3];

   a.unshift("wo");  //返回数组的长度 4

   console.log(a);  //["wo",1,2,3]

   var b=[9,8,7];

   a.unshift(b);  //返回数组的长度 5;

   console.log(a)  //[ [9,8,7] ,"wo",1,2,3] 

   
6. shift() 删除数组的第0项，原数组的值 索引向前的移动。 //返回被删除的值 改变原数组

   var a=[1,2,3];

   a.shift()  //返回被删除的值 1;

   console.log(a)  //[2,3]

   
7. reverse()  数组的值翻转。 //返回 翻转后的 数组 ，原数组改变

   var a=[1,2,3];

   a.reverse()  //[3,2,1]

   
8. slice(index,[end]) end可选   赋值索引从index开始到 end-1 结束 为一个新数组，原数组不变。

   var a=[1,2,3,4,5];

   a.slice(2,4) //返回 [3,4]

   a.slice(0) //[1,2,3,4,5]

   a.slice(3) //[4,5] 

   console.log(a)  // [1,2,3,4,5]

   
9. sort()  按照 ASCII表排序  返回排序后新数组  原数组改变

   var a=[1,2,3,12,13];

   a.sort()  //返回 [1,12,13,2,3]

   如果按照正常逻辑排序 ：

   a.sort(function(a,b){

      return a-b;

   })    //[1,2,3,12,13]

   
10. splice(index,num,ele1,ele2...) 很强大的一个方法。index指 从index删除(包括index对应的值) num指 删除的个数， ele1,ele2...代表插入的值  //返回删除的值 

    原数组改变

    var a=[1,2,3,4,5];

    a.splice(1,2,"我是","插入的值")   //返回 删除的值 2,3

    console.log(a)  //  [1,"我是"，"插入的值",4,5]

    
    END

注意事项

• 注意各方法 返回的值 是否改变原数组