Как сравнить входные данные с одним ключом объекта и значением из массива с большим количеством объектов с большим количеством ключа и значений

Question

Я новичок в кодировании (один месяц) и здесь, и я немного застрял. Создание автозаполнения, и я пытаюсь сравнить входные данные с одним ключом объекта и значением из массива с большим количеством объектов с большим количеством ключа и значений.

Это то, что я имею до сих пор. но я немного застрял.

ингридиенты - это массив с большим количеством объектов, в которых я храню информацию

$("#ingredientDetails").click(function () {
  var searchQuery = $("input[type = 'text']").val();
  for (var i = 0; i > ingredients.length; i++) {
    if (searchQuery === Object.name(ingredients)) {
      console.log("matching");
    } else {
      console.log("not matching");
    }
  }
});

Answer 1

Используемое вами l oop не будет работать, если у вас есть один или несколько элементов в массиве ингредиентов, поскольку вы использовали i > ingredient.length в вашем для l oop. Попробуйте следующее

for (var i = 0; i < ingredients.length; i++) {
    if (searchQuery === Object.name(ingredients)) {
      console.log("matching");
    } else {
      console.log("not matching");
    }
  }