Как узнать, есть ли уже в массиве такой элемент?

Question

[Smirator]

Не могу определить, есть ли в массиве элемент, который я добавляю. Сложность заключается в том, что изначально массив пустой. Его наполняет пользователь и нужно при наличии двух одинаковых элементов в массиве показывать предупреждение.
Я пытался использовать includes, indexOf, find. Возможно, я использовал их неправильно или они не подходят под мою задачу.

Данное решение является самым рабочим, но если одинаковые элементы находятся далеко друг от друга, то оно не работает. Элементы в массиве - это объекты.

for (let i = 0; i < arrDeletedValue.length; i++) {
			for (let j = i + 1; j < arrDeletedValue.length; j++) {

				if (arrDeletedValue[i]['amountAperture'] == arrDeletedValue[j]['amountAperture'] && arrDeletedValue[i]['heightAperture'] == arrDeletedValue[j]['heightAperture'] && arrDeletedValue[i]['widthAperture'] == arrDeletedValue[j]['widthAperture']) {
					notification.innerHTML = 'Обратите внимание, у вас есть одинаковые размеры';
				} else {
					notification.innerHTML = '';
				}

			}
		}

Comments

[VolgaVolga]

Объекты - это ссылочные типы. Их нельзя сравнивать оператором равенства.

[Alex_mos]

А какие проблемы с includes?

[Smirator]

Alex_mos, не смог разобраться с тем, какой элемент туда передавать. Если элементы в массиве известны, то понятно. А в случае, если массив формируется? Последний добавленный передавать?

[Alex_mos]

Smirator,

if(arr.includes(который хотите добавить)){
если есть то вывозите сообщение 
Alert("такой есть")
}else{
arr.push(елемент)
}

Только обратил внимание что это объекты.. тогда так не получится.

может так как нибудь

[VolgaVolga]

Alex_mos, includes сработает в случае объектов?

[Alex_mos]

VolgaVolga, обратил внимание, дополнил ответ

[Smirator]

Alex_mos, по-моему, это не мой случай. У меня неизвестны значения в объекте.
Логика:
Пользователь вводит размер. Если он введет его еще раз, тогда ему выйдет предупреждение.

[Alex_mos]

Smirator, приведите пример объекта который хотите добавлять

[Smirator]

Alex_mos, объект, который передается в массив
height, width, amount - значения, которые передаются через инпуты. Формируется объект. Затем, этот объект отправляется в массив.

let objDeletedValue = {
			heightAperture : heightApertureValue,
			widthAperture : widthApertureValue,
			amountAperture : amountApertureValue,
		}

[FrelFrloich]

Это ли вы имели ввиду, но может чем поможет. some можете заменить на фильтр.

let arr1 = ['одинаковые', 'одинаковые', 'разные 1', 'разные 2', 'разные 3']

   let result = arr1.some((e, i) => arr1.includes(e, arr1.indexOf(e) === i ? i + 1 : 0))
    console.log(result)

[Alex_mos]

Smirator, и в массиве не должно быть объектов с одинаковыми значениями? Или допускается что какое то значение может быть одинаковым в двух объектах?

[Smirator]

Alex_mos, Да, такое может быть. Человек может хоть сто раз ввести одинаковые значения. Наша задача ему об этом сказать. В ответах уже появился подходящий вариант. Спасибо за участие!

Answer 1

[WapSter]

const arr = [];

const addObj = (obj) => {
  if(!arr.length) {
    arr.push(obj); 
    console.log(arr);
    return;
  }
  if(arr.some(n => n.width === obj.width && n.height === obj.height)) {
    console.log('Такой элемент уже существует');
  } else {
    arr.push(obj);
    console.log(arr);
  }
}

addObj({width: 5, height: 2});
addObj({width: 1, height: 3});
addObj({width: 5, height: 2}); // "Такой элемент уже существует"

Comments

[Smirator]

Благодарю. Ваш вариант подошел, все работает

Answer 2

[VoidVolker]

Проверять массив на наличие объекта надо до того, как этот объект добавлять в массив. Для этого используется
Array.some(). Пример:

var arr = [ {a: 5}, {a: 12}, {a: 8}, {a: 130}, {a: 44}]
var isObjectInArr = arr.some(el => el.a === 12)
console.log('Is object in array:', isObjectInArr)

А если делать совсем правильно, то можно сделать, например, вот так:

class MyObject {
    constructor(prop1, prop2) {
        this.prop1 = prop1
        this.prop2 = prop2
    }

    isEqual(b) {
        return MyObject.isEqual(this, b)
    }

    static includes(arr, a) {
        return arr.some((b) => MyObject.isEqual(a, b))
    }

    static isEqual(a, b) {
        return a.prop1 === b.prop1 & a.prop2 === b.prop2
    }
}

var arr = [
    new MyObject(5, 6),
    new MyObject(12, 13),
    new MyObject(8, 9),
    new MyObject(130, 131),
    new MyObject(44, 45)
]
var object = new MyObject(12, 13)
var isObjectInArr = MyObject.includes(arr, object)
console.log('Is object in array:', isObjectInArr)