Underscore.js _.map 函数：跳过一个值

Question

我正在尝试在对象数组上使用 underscore.js _.map 函数，以获取具有每个对象属性的数组。这是通常的情况，所以：

var finalArray = _.map(myArray, function(obj) {
    return obj.myProperty;
});

但在某些情况下，我需要在数组中添加 nothing。可能是这样的：

var finalArray = _.map(myArray, function(obj) {
    if (!obj.ignore) {
        return obj.myProperty;
    }
});

这样做的结果是一个undefined值被推入数组，这和根本不推任何东西是不一样的。

有没有办法让 map 函数不推送值，或者我是否需要对我的 finalArray 进行后处理以删除不需要的 undefined？

Answer 1

你应该在 _.map() 之前使用 _.filter()

var filteredArray = _.filter(myArray,function(obj) {
     return !obj.ignore;
});

var finalArray = _.map(filteredArray, function(obj) {
    return obj.myProperty;
});

Answer 2

你可以使用reduce：

myArray.reduce(function (acc, obj) {
    if (!obj.ignore) {
        acc.push(obj.myProperty);
    }
    return acc;
}, []);

或者用lodash：

_.reduce(myArray, function (acc, obj) {
  if (!obj.ignore) {
    acc.push(obj.myProperty);
  }
  return acc;
}, []);

Answer 3

这可以单独使用下划线方法来完成，points-free style：

var finalArray = _.chain(myArray)
    .reject('ignore')
    .pluck('myProperty')
    .value();

Answer 4

.map 将映射出一个新值到数组中，您可以使用.filter 来过滤数组。仅供参考，您可以使用 .pluck 从对象映射属性：

_.chain(myArray).filter(function(obj) { return !obj.ignore; }).pluck('myProperty').value();

你也可以像这样使用.where：

_.chain(myArray).where({ignore: false}).pluck('myProperty').value();

或者：

_.pluck(_.where(myArray, {ignore: false}), 'myProperty');

Answer 5

尝试使用 lodash 的 compact()。它创建一个删除所有虚假值的数组。因此，false、null、0、""、undefined 和 NaN 的值被删除。

https://lodash.com/docs#compact

我正在使用它——它非常干净。

Answer 6

所以这意味着你想要过滤，然后映射你的数组。

要以underscore 方式执行此操作，您需要将数组传递到此管道中：

myArray --> filter --> ma​​p --> finalArray

var isIncluded = function(obj){
    return !obj.ignore
}
var takeProperty = function(obj){
    return obj.myProperty
}
var finalArray = _.map( _.filter(myArray, isIncluded), takeProperty  );

Answer 7

这是另一种方式。这个利用了下划线中的 compose 函数。为什么要作曲？ compose 得到数学范畴论的支持。这种方式也是免积分的。

var pluckMyProp = function(array) {
    return _.pluck(array, 'myProperty')
}

var reject = function(array) {
    return _.reject(array, function(element) {
        return element['ignore'] === true
    })
}

var finalArray = _.compose(pluckMyProp, reject)
var data = [{myProperty: 1, ignore: false}, {ignore: true}, {myProperty: 2}]


finalArray(data) //=> [1,2]