JavaScript中数组(Array)的常用方法

Array：数组是一个特殊的对象

四个维度学习数组的方法
1.方法的作用
2.方法的参数
3.返回值
4.原有数组是否改变

    var ary=[1,2,3,4];
    console.log(ary);//[1,2,3,4]

• 1）push( items )
  
  • ① 向数组的末尾添加项
  • ② 要增加的数组项(a,b)如果是多项用逗号隔开
  • ③ 返回数组的新长度
  • ④ 原有数组改变

     var result = ary.push(5,6);
     console.log(result);//6
     console.log(ary);//[1,2,3,4,5,6]

• 2）unshift( items )
  
  • ① 向数组的开头添加项
  • ② 要增加的数组项(a,b)如果是多项用逗号隔开
  • ③ 返回数组的新长度
  • ④ 原有数组改变

     var result = ary.unshift(5,6);
     console.log(result);//6
     console.log(ary);//[5, 6, 1, 2, 3, 4]

• 3）shift()
  
  • ① 删除数组的第一项
  • ② null
  • ③ 返回删除的数组项
  • ④ 原有数组改变

     var result = ary.shift();
     console.log(result);//1
     console.log(ary);//[2,3,4]

• 4）pop()
  
  • ① 删除数组的最后一项
  • ② null
  • ③ 返回删除的数组项
  • ④ 原有数组改变

     var result = ary.pop();
     console.log(result);//4
     console.log(ary);//[1,2,3]

• 5）splice( start , deletecount , item)
  
  • ① 删除数组项
  • ②
    
    • 1) splice(n) 从索引n开始删除到末尾
    • 2) splice(n,m) 从索引n开始删除m个
    • 3) splice(n,m,x) 从索引n开始删除m个，并且用x去到删除项的位置
    • 4) splice(n,m,x,y) 从索引n开始删除m个，从参数m后面的所有参数都是用来替换到删除项目的位置
    • 5) shift ⇒ splice(0,1)
    • 6) pop ⇒ splice(length-1,1)
    • 7) push ⇒ splice(length,0,’item’)
    • 8) unshift ⇒ splice(0,0,x)
    • 9) splice(0)⇒ 利用它的返回值可以实现克隆数组的目的
  • ③ 返回删除的数组项组成的新数组
  • ④ 原有数组改变

     var result = ary.splice(1);
     console.log(result);//[2, 3, 4]
     console.log(ary);//[1]

     var result = ary.splice(1,2);
     console.log(result);//[2, 3]
     console.log(ary);//[1, 4]

     var result = ary.splice(1,2,5);
     console.log(result);//[2,3]
     console.log(ary);//[1,5,4]

     var result = ary.splice(1,2,5,6);
     console.log(result);//[2,3]
     console.log(ary);//[1,5,6,4]

     var result = ary.splice(0,1);
     console.log(result);//[1]
     console.log(ary);//[2,3,4]

     var result = ary.splice(ary.length-1,1);
     console.log(result);//[4]
     console.log(ary);//[1,2,3]

     var result = ary.splice(ary.length,0,5);
     console.log(result);//[]
     console.log(ary);//[1,2,3,4,5]

     var result = ary.splice(0,0,5);
     console.log(result);//[]
     console.log(ary);//[5,1,2,3,4]

     var result = ary.splice(0);
     console.log(result);//[1,2,3,4]
     console.log(ary);//[1,2,3,4]

• 6）slice()
  
  • ① 从元素组中，复制截取数组
  • ②
    
    • 1) slice(0) 克隆数组（从头复制到尾）
    • 2) slice(n) 从索引n开始复制到末尾
    • 3) slice(n,m) 从索引n开始复制到索引m（不包含m）
    • 4) slice(-n) slice支持负数 ⇒ slice(-n+ary.length)
  • ③ 返回复制截取的新数组
  • ④ 原有数组不变

     var result = ary.slice(0);
     console.log(result);//[1,2,3,4]
     console.log(ary);//[1,2,3,4]

     var result = ary.slice(1);
     console.log(result);//[2,3,4]
     console.log(ary);//[1,2,3,4]

     var result = ary.slice(1,2);
     console.log(result);//[2]
     console.log(ary);//[1,2,3,4]

     var result = ary.slice(-1);
     console.log(result);//[4]
     console.log(ary);//[1,2,3,4]

• 7）concat(arry,arry)
  
  • ① 删除数组的最后一项
  • ② 要拼接的数组或者数组项，如果是多个用‘，’隔开
  • ③ 返回拼接好的新数组
  • ④ 原有数组不变

     var result = ary.concat([5],[6]);
     console.log(result);//[1,2,3,4,5,6]
     console.log(ary);//[1,2,3,4]

• 8）join()
  
  • ① 把数组中的每一项按照指定的分隔符拼接成字符串
  • ② 参数：分割符，如果不写默认是‘，’
  • ③ 返回拼接好的字符串
  • ④ 原有数组不变

     var result = ary.join("+");
     console.log(result);//'1+2+3+4'
     console.log(ary);//[1,2,3,4]

• 9）reverse()
  
  • ① 倒序数组
  • ② null
  • ③ 倒序过来后的原有数组
  • ④ 原有数组改变

     var result = ary.reverse();
     console.log(result);//[4, 3, 2, 1]
     console.log(ary);//[4, 3, 2, 1]

• 10）sort( )

  • ① 按照指定的规则排序

  • ②

    • 1)升序

      function(a,b) {return a-b};

    • 2)降序

      function(a,b) {return b-a};

  • ③ 返回排好序的数组
  • ④ 原有数组改变

     var result = ary.sort(function(a,b){return b-a});
     console.log(result);//[4, 3, 2, 1]
     console.log(ary);//[4, 3, 2, 1]

以下方法在ie6-8下兼容性不好

• 11）indexOf()
  
  • ① 查看数组项在数组中第一次出现的索引位置
  • ② 要查看的数组项
  • ③ 如果出现就返回对应的索引位置。否则返回-1
  • ④ 原有数组不变

     var result = ary.indexOf(2);
     console.log(result);//1
     console.log(ary);//[1, 2, 3, 4]

• 12）lastIndexOf()
  
  • ① 查看数组项在数组中最后一次出现的索引位置
  • ② 要查看的数组项
  • ③ 如果出现就返回对应的索引位置。否则返回-1
  • ④ 原有数组不变

     var ary=[2,1,2,2,1];
     var result = ary.lastindexOf(2);
     console.log(result);//3
     console.log(ary);//[2,1,2,2,1]

• 13）forEach()
  
  • ① 循环遍历数组的每一项
  • ② 参数是一个函数：function(item,index,originArray){}
  • ③ 返回值是一个undefined
  • ④ 原有数组不变

     var result = ary.forEach(function(item,index,originArray){});
     console.log(result);//undefined
     console.log(ary);//[1,2,3,4]

• 14）map()
  
  • ① 循环遍历数组
  • ② 参数是一个函数：function(item,index,originArray){return item*index}
  • ③ 是匿名函数的return的值组成的新数组，数组长度和原数组相同
  • ④ 原有数组不变

     var result = ary.map(function(item,index,originArray){return item*index});
     console.log(result);//[0, 2, 6, 12]
     console.log(ary);//[1, 2, 3, 4]

• ···