JavaScript Array map()方法

定義：對數組中的每個元素進行處理，得到新的數組；

特點：不改變原數組；

例子：

    const array = [1, 3, 6, 9];
    const newArray = array.map(function (value) {
      return value + 1;
    });
    console.log(newArray);
    console.log(array);

結果：

[2, 4, 7, 10]

[1, 3, 6, 9]

類似方法： for in , for , foreach

例子：

    const newArray2 = [];
    for (var i in array) {
      newArray2.push(array[i] + 1);
    }

    const newArray3 = [];
    for (var i = 0; i < array.length; i++) {
      newArray3.push(array[i] + 1);
    }

    const newArray4 = [];
    array.forEach(function (key) {
      newArray4.push(key * key);
    })
    
    console.log(newArray2);
    console.log(newArray3);
    console.log(newArray4);
    console.log(array);

結果：

[2, 4, 7, 10]

[2, 4, 7, 10]

[2, 4, 7, 10]

[1, 3, 6, 9]

對比：

1、.map()方法使用return，進行回調；其他方法可不需要。

2、.map()方法直接對數組的每個元素進行操作，返回相同數組長度的數組；其他方法可擴展數組的長度。