JavaScript 中 map 方法

1 , 之前没怎么用到过map方法 ,所以一直也没在意 ,今天正好用到了就和写一下如何使用map().
先来看一小段代码

//数组
var  arr = [1,2,3];
//回调函数
function to(a){
    return a*a;
}
//调用map
var res = arr.map(to);
console.log(res);
//[1, 4, 9]

看着很简单是把 ….

介绍一下map方法
map()方法 返回一个由原数组中每一项元素调用回调函数后返回值组成的新数组,它不会改变原数组 .

语法：

array.map(callback[, thisArg])

callback : 回调函数
回调函数中有三个参数, currentValue, index ,array
currentValue : 数组中当前被传递的元素.
index : 数组中当前被传递项的下标.
array : 调用map()方法的数组 ,即原数组.
thisArg : 执行callback函数 this指向的对象

当使用map()方法时 , 当前数组中每一项都会按顺序调用一次callback回调函数, callback函数执行之后的返回值会组成一个新的数组.
callback函数只会在有值的索引上被调用，那些从来没被赋过值或者使用delete删除的索引则不会被调用。

* 注意 通常情况下,map()方法中的callback函数值接收一个参数 , 就是数组中的当前项 , callback函数对当前项进行操作 . 但并不意味map只给callback传了一个参数 . 这个思维惯性可能会让我们翻一个很容易的错误 .*

 // 下面的语句返回什么呢:
["1", "2", "3"].map(parseInt);
// 你可能觉的会是[1, 2, 3]
// 但实际的结果是 [1, NaN, NaN]

解释 一下为什么

parseInt('1', 0) 1
parseInt('2', 1) NaN
parseInt('3', 2) NaN

// 通常使用parseInt时,只需要传递一个参数.但实际上,parseInt可以有两个参数.第二个参数是进制数.可以通过语句"alert(parseInt.length)===2"来验证.
// map方法在调用callback函数时,会给它传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身.
// 第三个参数parseInt会忽视, 但第二个参数不会,也就是说,parseInt把传过来的索引值当成进制数来使用.从而返回了NaN.

/*
//应该使用如下的用户函数returnInt

function returnInt(element){
  return parseInt(element,10);
}

["1", "2", "3"].map(returnInt);
// 返回[1,2,3]
*/