Проверка существования объекта в массиве в Javascript на основе определенного значения

Question

У меня есть массив объектов, и я хочу добавить новый объект, только если этот объект еще не существует в массиве. Объекты в массиве имеют 2 свойства, name и imageURL, и 2 объекта одинаковы, только если их имя такое же, и поэтому я sh сравниваю только имя, чтобы проверить, существует ли объект или нет Как реализовать это как состояние ??

Answer 1

Вы можете использовать Array.find

let newObj={ name:'X',imageURL:'..../'}
if(!array.find(x=> x.name == newObj.name))
   array.push(newObj)

Answer 2

Поскольку вы не упомянули используемые переменные. Я предполагаю, что массивом будет arr, а новым проверяемым объектом - person.

const arr = [{name: 'John', imageURL:'abc.com'},{name: 'Mike', imageURL:'xyz.com'}];
const person = {name: 'Jake', imageURL: 'hey.com'};
if (!arr.find(
      element => 
      element.name == person.name)
    ) {
       arr.push(person);
    };

Если имена не совпадают, объект person не будет помещен в массив.

Answer 3

Вам необходимо проверить это с помощью find или аналогичных функций, например:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const arr = [{ name: 1 }, { name: 2 }];

function append(arr, newEl) {
  if (!arr.find(el => el.name == newEl.name)) {
    arr.push(newEl);
  }
}

append(arr, { name: 2 }); // won't be added
console.log(arr);

append(arr, { name: 3 }); // will be added
console.log(arr);