数组方法之map()

map() 方法：用来生成 / 创建一个新数组。
其结果是 该数组中的每个元素 调用一次提供的函数后 的返回值。
map 不修改原数组本身（会在 callback 执行时改变原数组）

// 基本用法: Array.map()
const arr1 = [1, 2, 3, 4];
const map1 = arr1.map(x => x * 2);

console.log(map1); //[2, 4, 6, 8]
console.log(arr1); //[1, 2, 3, 4]

语法：

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
 // Return element for new_array 
}[, thisArg])

// 参数：
// callback：生成新元素的函数，要使用以下三个参数：
// currentValue：callback 数组中正在处理的当前元素。
// index：可选，callback 数组中正在处理的当前元素的索引。
// array：可选，map 方法调用的数组。
// thisArg： 可选，执行 callback 函数时值被用作this。

//返回值：
//一个由 原数组每个元素执行回调函数的结果 组成的新数组。

描述：

map方法会给原数组中的每个元素都按顺序调用一次callback函数；callback每次执行后都将返回值（包括undefined）组合起来会组成一个新数组；callback函数只会在有值都索引上被调用；那些没被赋过值或使用delete被删的索引 则不参与调用。

map生成一个新数组，当你不打算使用返回的新数组却使用map是违背设计初衷的，请用 forEach 或者 for-of 替代。

你不该使用map的情况: A)你不打算使用返回的新数组，B) 你没有从回调函数中返回值。

如果 thisArg 参数提供给map，则会被用作回调函数的this值。否则undefined会被用作回调函数的this值。this的值最终相对于callback函数的可观察性是依据the usual rules for determining the this seen by a function决定的.

注意：map 方法处理数组元素的范围是在 callback 方法第一次调用之前就已经确定了。调用map方法之后追加的数组元素不会被callback访问。如果存在的数组元素改变了，那么传给callback的值是map访问该元素时的值。在map函数调用后但在访问该元素前，该元素被删除的话，则无法被访问到。

根据规范中定义的算法，如果被map调用的数组是离散的，新数组将也是离散的保持相同的索引为空。

示例：

// 求数组中每个元素的平方根
var num = [1, 4, 9];
var roots = num.map(Math.sqrt);
// roots值为：[1, 2, 3]; num值仍为[1, 4, 9]

//使用 map 重新格式化数组中的对象
var kvArr = [{key: 1, value: 10}, 
               {key: 2, value: 20}, 
               {key: 3, value: 30}];
var formattedArr = kvArr.map(function(obj){
	var rObj = {};
	rObj[obj.key] = obj.value;
	return rObj;
});
//formattedArr 数组为：[ {1:10}, {2:20}, {3:30} ]
// kvArr数组未改变：
// [{key: 1, value: 10}, 
//  {key: 2, value: 20}, 
//  {key: 3, value: 30}]

Mapping 含 undefined的数组

var num = [1, 2, 3, 4];
var filterNum = num.map(function(num, index){
	if(index < 3){
		return num;
	}
})
//index goes from 0,so the filterNum are 1,2,3 and undefined.
//filterNum: [1, 2, 3, undefined]
//num: [1, 2, 3, 4]