Javascript 数组映射到属性(item => item[prop])？

Question

我正在学习 javascript 并查看一些代码并遇到了这个:

array.map(item => item[prop]) 其中 prop 可能是类似于 'id' 之类的东西。

我在网上找不到这方面的实际示例。所以我尝试做这样的事情:

property = 'id';
var arr = [1,2,3,4];
var something = arr.map(item => item[property]);
console.log(something);

但这不起作用。而且我似乎无法在网络上找到示例。这是 map 函数的新语法类型吗？

Answer 1

“箭头函数”是编写函数的简写方式。

item => item[property]

它(大部分)相当于写作:

function(item){
    return item[property];
}

您的arr数组包含数字，因此在函数item中将是一个数字。数字没有 'id' 属性，因此这就是它“不起作用”的原因。

考虑一下您是否有类似的情况:

var prop = 'id';
var arr = [{id:1, name:"one"}, {id:2, name:"two"}];
var something = arr.map(item => item[prop]);
console.log(something);

某物最终将成为[1, 2]。