1. Array.protoype.map()
說明：
array.map()方法用于創(chuàng)建一個新數(shù)組量愧， array中的每個元素都會調(diào)用map中提供的函數(shù)一次钾菊。
let numbers = [1, 3, 5, 6];
let newArr = numbers.map(function(x) {
return x * x
})
// new: [1, 9, 25, 36] , 生成的新數(shù)組
// numbers: [1, 3, 5, 6] ， 原數(shù)組保持不變
語法
let new_array = arr.map( callback[ , thisArg ] )
參數(shù)
callback 傳入的函數(shù)偎肃，用于新功能處理煞烫，使用了三個參數(shù)：
- currentValue
第一個參數(shù)元素值，指數(shù)組中傳入函數(shù)的元素 - index
第二個參數(shù)下標累颂，正在處理的當前元素在數(shù)組中的下標 - array
第三個參數(shù)數(shù)組滞详，指使用map的數(shù)組，即arr紊馏，這個和forEach方法的三個參數(shù)類似
通常情況下map方法中callbac函數(shù)只需要接受第一個參數(shù)即可料饥，但這并不意味著map只給callback傳了一個參數(shù)。比如：
[1,2,3].map(parseInt)
// 返回[1, NaN, NaN]
// 這是因為parseInt方法本身就接受兩個參數(shù)朱监，第一個是字符串稀火， 第二個是進制數(shù)， 平時不傳默認就是10赌朋， 十進制凰狞。
// 避免不會出現(xiàn)這種錯誤的方法就是，自己寫個只接受一個參數(shù)的函數(shù)
function returnInt(el) {
return parseInt(el) // 采用默認的十進制沛慢， 也可以寫parseInt(el, 10)
}
[1,2,3].map(returnInt)
// [1, 2, 3]
2. Array.prototype.from(arr)
說明：
方法從一個類似數(shù)組或可迭代的對象中創(chuàng)建一個新的數(shù)組實例赡若。
類數(shù)組轉為真數(shù)組。
ie要edge以上才兼容团甲，需要使用polyfill逾冬。
- 類數(shù)組： string字符串等，擁有一個 length 屬性和若干索引屬性的任意對象躺苦。
- 可遍歷對象： 你可以從它身上迭代出若干個元素的對象身腻，比如有map和set。
const bar = ["a", "b", "c"];
Array.from(bar);
// ["a", "b", "c"]
Array.from('foo');
// ["f", "o", "o"]
語法
Array.from(arrayLike[, mapFn[, thisArg]])
參數(shù)
callback 傳入的函數(shù)匹厘，用于新功能處理嘀趟，使用了三個參數(shù)：
- arrayLike
第一個參數(shù)類數(shù)組 - mapFn
第二個參數(shù)函數(shù)，可以在最后生成的數(shù)組上再執(zhí)行一次 map方法后再返回
Array.from([1, 2, 3], x => x + x);
// [2, 4, 6]
3. Array.prototype.forEach()
說明：
對數(shù)組的每個元素執(zhí)行一遍forEach里的函數(shù)愈诚，該函數(shù)接收三個參數(shù)她按，和map一樣。
map 和 forEach比較：
- 相同點：
- 數(shù)組方法
- 都是操作數(shù)組的每個元素炕柔，執(zhí)行一段函數(shù)
- 不同點
- map返回新數(shù)組酌泰，不會修改原數(shù)組。
- forEach沒有返回值匕累，使用場景：就是需要數(shù)組的每個元素都去做一件事情
