js中常用数组方法concatjoinpushpopslicesplice

来源:互联网 发布:淘宝优惠券宣传海报 编辑:程序博客网 时间:2024/05/19 15:25

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] 

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

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

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

    undefined null 自动过滤掉了

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

    var a=[1,2,3]

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

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

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

    js中常用数组方法concatjoinpushpopslicesplice
  4. pop() 删除数组的最后一项。 //返回被删除的值,改变了原数组

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

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

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

    js中常用数组方法concatjoinpushpopslicesplice
  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] 

    js中常用数组方法concatjoinpushpopslicesplice
  6. shift() 删除数组的第0项,原数组的值 索引向前的移动。 //返回被删除的值 改变原数组

    var a=[1,2,3];

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

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

    js中常用数组方法concatjoinpushpopslicesplice
  7. reverse()  数组的值翻转。 //返回 翻转后的 数组 ,原数组改变

    var a=[1,2,3];

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

    js中常用数组方法concatjoinpushpopslicesplice
  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]

    js中常用数组方法concatjoinpushpopslicesplice
  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]

    js中常用数组方法concatjoinpushpopslicesplice
  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]

    js中常用数组方法concatjoinpushpopslicesplice
    END

注意事项

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

0 0
原创粉丝点击