JavaScript 数组方法

遍历

1. for…in

   用于对数组/对象的循环操作（适用于key：value的对象或数组）

    let a = ['a','b','c'];  (本文中所提到的a)
    a.name = 'xiao';
    for (let i in a) {
      console.log(i) // result:'0','1','2','xiao'
    }
   

   坑点：i的数据类型是string（不是number）；不仅会将数组本身遍历，而且添加的一些属性也会被遍历到

2. for 循环

   只能用于遍历数组，简单易懂，但是写起来会稍微麻烦

   for (let i=0; i<a.length; i++) {
   
   }
   

3. for … of

   修复for… in问题，只循环本身元素，可以使用break，continue，return

    for (let i of a) {
       console.log(i) // result: 'a','b','c'
    }
   

4. forEach()

   没办法使用break，continue，return（使用return 循环会被跳过，而使用break，continue会报错）

    a.forEach((element, index ,array) => {
        console.log(element+','+index); // result：'a',0   'b',1  'c',2
     })
   

5. Object.keys()

   返回一个所有元素为字符串的数组，其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属 性时的一致。（官方定义）

    Object.keys(a) // result: ['0','1','2']
   

6. map()

   对数组的每个元素调用定义的回调函数并返回包含结果的数组。

   a.map((num) => {
    return num;
   }) // result: ['a','b','c']
   
   // map(),forEach()搭配使用
   let bb=[]
   a.map((num) => {return num}).forEach((n) => {bb.push(n)})  // result: ['a','b','c']
   

7. filter()

   返回数组中的满足回调函数中指定的条件的元素。

   a.filter((item) => {return (item=='a')}) // result: ['a']
   
   或者这样写简洁明了：a.filter(item => item=='a')
   

8. some()

   确定指定的回调函数是否为数组中的任何元素均返回 true(返回结果为Boolean类型：true or false)

   a.some(item => item=='a')  // result: true
   

9. every()

   确定数组的所有成员是否满足指定的测试。返回结果为Boolean类型

   a.every(item => item=='a') // result: false
   a.every((item) => {return (typeof item =='string')}) // result: true
   

10. entries()

    返回一个迭代器，它返回数组的键/值对。

    for (let [index, elem] of a.entries()) {
     console.log(index, elem); // result: [0,'a']   [1,'b']   [2,'c']
    }
    

数组操作

1. push（）、pop（）、shift（）、unshift（）

   push(): 将新元素追加到一个数组中，并返回新的数组长度。
   pop(): 从数组中移除最后一个元素并返回该元素。
   shift(): 从数组中移除第一个元素并将返回该元素。
   unshift(): 在数组的开头插入新元素。

2. reverse()

   颠倒数组中元素的顺序

   a.reverse(); // result:['c','b','a']
   

3. sort()

   对数组进行排序

4. slice(start,end)

   该方法并不会修改数组，而是返回数组的一部分

    a.slice(1); // result:['b','c']
    a.slice(1,2); // result:['b']
   

5. splice(index, deletenum, item1,…,itemX)

   从一个数组中移除元素，如有必要，在所移除元素的位置上插入新元素，并返回所移除的元素。

   a.splice(1,1); // result:a=['a','c'];
   a.splice(1,0,'h','d') // result:a=['a','h','d','b','c']