JavaScript Array #map:index参数

时间:2014-10-14 21:57:44

标签: javascript methods map

我的问题是关于JavaScript中数组的map方法。

你可以传递一个函数,它接受第二个参数,即正在处理的数组的当前元素的索引,但......是为了什么目的?当你这样做时会发生什么?当你不这样做时会有什么不同?

您将使用此功能?

3 个答案:

答案 0 :(得分:92)

当前项目的索引始终传递给回调函数,唯一的区别是,如果您未在函数中声明它,则无法通过名称访问它。

示例:

[1,2,3].map(function(o, i){
    console.log(i);
    return 0;
});

[1,2,3].map(function(o){
    console.log(arguments[1]); // it's still there
    return 0;
});

输出:

0
1
2
0
1
2

演示:http://jsfiddle.net/Guffa/k4x5vfzj/

答案 1 :(得分:14)

有时元素的索引很重要。例如,此映射用0:

替换每个第二个元素
var a = [1, 2, 3, 4, 5, 6];
var b = a.map(function(el, index) {
    return index % 2 ? 0 : el;
});
console.log(b);

输出:

[1, 0, 3, 0, 5, 0]

答案 2 :(得分:6)

以下是map功能的说明:

arr.map(callback[, thisArg])
  

callback
      产生新数组元素的函数,带有三个参数:

     
    

currentValue
            当前元素在数组中处理。

         

index
            数组中正在处理的当前元素的索引。

         

array
            调用了数组映射。

  

map函数将回调函数作为参数(而不是索引作为参数,最初在编辑之前的问题中说明)。回调函数有一个索引作为参数 - 回调是自动调用的,因此您不需要自己提供索引。如果您只需要当前值,则可以省略其他参数。