Как сравнить объекты в массиве?

Question

[Skrolea]

Не могу врубиться. Решил поизучать на примере корзины. Необходимо сделать добавление в корзину только в том случае, если там нет этого объекта.

function addItemsListInCart(id,name) {
     
       var objItems = {
            id : id,
            name : name         
        };
        
       
       if (vm.cartItems.indexOf(objItems) === -1) {
           vm.cartItems.push(objItems);
       }     
       console.log(vm.cartItems);
            }

Так не работает. Надо делать сравнение каких-то значений свойств объекта? Т.е. допустим только по Id в объекте? Как это вообще делается?

Answer 1

[Mikhail Osher]

Разумеется, он хочет найти по референсу.
Если бы Вы использовали lodash, было бы весьма просто сделать так:

if (!~_.findIndex(vm.cartItems, objItems)) {
  vm.cartItems.push(objItems);
}

Либо самому в цикле проходить.

// EDIT

DEMO

var cartItems = [
  {id: 1, name: 'foo'},
  {id: 2, name: 'bar'}
];

var itemExists = {
  id: 1,
  name: 'foo'
};

var itemNew = {
  id: 3,
  name: 'baz'
};

function hasItem(collection, needle) {
  for (var i = 0, ii = collection.length; i < ii; ++i) {
    var item = collection[i];
    var keys = Object.keys(needle),
        matched = 0;
    
    keys.forEach(function (key) {
      if (item[key] == needle[key]) {
        ++matched;
      }
    });
    
    if (matched === keys.length) {
      return true;
    }
  }
  
  return false;
}

console.log(hasItem(cartItems, itemExists));
console.log(hasItem(cartItems, itemNew));

Comments

[Skrolea]

Ну вот хотелось бы сам Javascript понять. Без lodash и underscore

[Skrolea]

Т.е., наверное, сделать еще одну функцию getItemById, возвращающая Id и как-то сделать (getItemById(id).indexOf(objItems) === -1) . Так сработает?

[Lynn «Кофеман»]

Лучше _.find

[Николай]

Вы мсье знаете толк в извращениях.

[Skrolea]

Спасибо большое. Заняло время, чтобы врубиться в код

Answer 2

[Николай]

Проверка, есть ли элемент с текущим id в массиве элементов.

var exists = cartItems.any(
    function(element) { 
        return element.id === id;
    }
);