Question

我一直用这个拉出我的头发 - 我有以下数组，继续一个对象 - 它包含一个凭证数组（包含可能无数个对象）

var retailer = [ { _id: 52000c,
    address: 'bla bla bla',
    email: 'test@emailaddress',
    img: 'http://bla.jpg',
    intro: ' hello',
    strapLine: 'goodbye',
    tel: '0000 0000000',
    title: 'YE OLDE SHOPPE',
    website: 'http://',
    vouchers: 
     [ { _id: 523d003,
         barcode: false,
         description: 'blah',
         endTime: '20 December 2013',
         hidden: true,
         redemptionCode: 'redemptionCode',
         smallPrint: 'blah.',
         startTime: 'Today',
         title: 'blahbla' },
       { _id: 523de3,
         barcode: false,
         description: 'blah',
         endTime: '20 December 2013',
         hidden: true,
         redemptionCode: 'redemptionCode',
         smallPrint: 'blah.',
         startTime: 'Today',
         title: 'blahbla' },
        { _id: 523dr,
         barcode: false,
         description: 'blah',
         endTime: '20 December 2013',
         hidden: false,
         redemptionCode: 'redemptionCode',
         smallPrint: 'blah.',
         startTime: 'Today',
         title: 'blahbla' } ] 
} ]

使用underscore.js，我试图用隐藏属性（隐藏== true）过滤掉那些凭证对象 - 所以我最终得到以下内容，以便我最终得到那些可见的凭证（隐藏==假）

var retailer = [ { _id: 52000c,
        address: 'bla bla bla',
        email: 'test@emailaddress',
        img: 'http://bla.jpg',
        intro: ' hello',
        strapLine: 'goodbye',
        tel: '0000 0000000',
        title: 'YE OLDE SHOPPE',
        website: 'http://',
        vouchers: 
         [{ _id: 523dr,
             barcode: false,
             description: 'blah',
             endTime: '20 December 2013',
             hidden: false,
             redemptionCode: 'redemptionCode',
             smallPrint: 'blah.',
             startTime: 'Today',
             title: 'blahbla' }] 
    } ]

因此，使用下划线js，我基于先前的堆栈溢出线程（Filtering array with underscore.js）编写了以下内容

var visibleVouchers = _(retailer[0].vouchers).filter(function (x) { return !x.hidden;});

这会返回所有可见的优惠券 - 但是，我在此过程中失去了零售商。最好的方法是什么？我尝试了很多不同的东西 - 也就是说，尝试用新的代替旧的代理数组 - 但它似乎不起作用。

谢谢，罗布

Answer 1

对零售商使用_.map()，这是一对一的映射。在回调内（每个零售商项目），使用_.filter()（或_.reject()过滤掉优惠券，具体取决于您的感受。）

var arrRetailers = _.map(retailers, function(retailer) {
  var item = _.extend({}, retailer);
  item.vouchers = _.filter(retailer.vouchers, function(voucher) {
    return !voucher.hidden;
  }) || []; //in case of there is no "visible" voucher
  return item;
});

这将返回一个新数组，并且不会更改您的初始零售商数组。

如果您更喜欢_.reject()，则必须相应地调整您的回调：

_.reject(retailer.vouchers, function(voucher) {
    return voucher.hidden; //note there is no exclamation mark
}) || [];

希望这有帮助！

Answer 2

我发现了一篇博文http://www.untitleddesigns.com/2011/javascript-replace-array-contents/似乎回答了我的问题 - 虽然我不熟悉原型，但它确实有用 - 所以不太清楚它的工作原理。

var visibleVouchers = _(retailer[0].vouchers).filter(function (x) { return !x.hidden;});
retailer[0].vouchers.length = 0;
Array.prototype.push.apply(retailer[0].vouchers, visibleVouchers);

Underscore.js数组过滤

2 个答案: