Question

I have an array of objects that can have up to 6 products in them e.g.

var products = [{name:'Trampoline'}, {name:'Net'}, {name:'Tent'}, {name:'Hoop'}]; 
// missing Ladder & Anchor

I need a way to check through them, and have it tell me that ‘Ladder’ and ‘Anchor’ aren’t in the array products. !$.inArray doesn’t work (the jquery one).

Can anyone help?? Maybe my brain has just died for the day, cos I just can’t figure it out.

I tried starting with an array of all the items it needs, but the first loop through just removes them all becase the first one is not an accessory.

this.getUpsellItem = function() {

var p = this.getProduct();
var slots = ['Net','Tent','Ladder','Basketball','Anchor'];
for(var i = 0; i< p.length; i++) {
  if(p[i].display_name2.indexOf('Net') === -1) slots.splice(0,1);
  if(p[i].display_name2.indexOf('Tent') === -1) slots.splice(1,1);
  if(p[i].display_name2.indexOf('Anchor') === -1) slots.splice(3,1);
  if(p[i].display_name2.indexOf('Ladder') === -1) slots.splice(2,1);
  if(p[i].display_name2.indexOf('Basketball') === -1) slots.splice(4,1);
  console.log(p[i].display_name2.indexOf('Basketball'))
}
console.log('Printing slots')
print_r(slots)
    };

Answer 1

Since you’re using jQuery we can use the handy jQuery.grep() function to return only the elements in slots that aren’t present in products. $.grep takes a function that it uses to filter which elements in the array it should return and which it should discard. In this case we just test each item in slots using products.indexOf. Something like this should suffice:

var slots     = [ 'Net', 'Tent', 'Ladder', 'Basketball', 'Anchor' ]
  , products  = [ { name: 'Trampoline' }, { name: 'Net' },
                  { name: 'Tent' }, { name: 'Hoop' }
                ]
  , missing   = $.grep(slots, function(product) {
                  return products.indexOf({ name: product }) < 0 }
                )
;

console.log(missing);