jQuery .map（）返回时未定义

Question

我有一个对象数组，我想创建一个新的数组只有id。有些记录有id，其他记录没有。

所以我有这样的：

var myMap = arr.map(function(e) { 
    return e.id; 
}); 

console.log(myMap); // [undefined, 2, 3, 4] 

我想它仅返回[2, 3, 4]，如果可能的话。

这应该的jsfiddle解释更好一点：http://jsfiddle.net/dmathisen/Lnmj0w8k/

Answer 1

这是不可能的只是Array.map，你必须筛选器。

var myMap = arr.map(function(e) { 
    return e.id; 
}).filter(function(x) { 
    return typeof x !== 'undefined'; 
}); 

由于ID是始终为字符串，你可以像下面这样做，以及

var myMap = arr.map(function(e) { 
    return 'id' in e ? e.id : false; 
}).filter(Boolean); 

FIDDLE

Answer 2

var myMap = arr.filter(function(e) { 
     return e.hasOwnProperty("id") 
    }).map(function(e) { 
    return e.hasOwnProperty("id") ? e.id : null; 
}); 

http://jsfiddle.net/Lnmj0w8k/11/

Answer 3

正如其他人所说，如果你坚持纯jQuery的你唯一的选择是合并您的map和filter，或者自行后处理地图结果。

不过，如果你与流行Underscore.js库结合jQuery的，问题就变得微不足道感谢下划线的紧凑方法：

var myMap = arr.map(function(e) { 
    return e.id; 
}); 
myMap = _(myMap).compact(); 

但是如果你使用下划线，有一个更简单的方法做同样的的事情，因为有下划线的方法专门用于从对象中提取一定的属性：

var myMap = _(arr).pluck('id'); 
myMap = _(myMap).compact(); 

你甚至可以链上的两个在一起：

var myMap = _(arr).chain().pluck('id').compact().value(); 

，或者你可以在下划线油脂库扔得到什么，我认为是最简单可行的解决方案：

var myMap = _(arr).pluck_('id').compact();