JavaScript
  • 🧑‍💻Full-Stack Web Developer
  • 📚Теорія
    • 1️⃣Змінні і типи
      • Знайомство з JavaScript
      • Інструменти розробника
      • Підключення скрипту
      • Основи синтаксису
      • Змінні і типи
      • Взаємодія з користувачем
      • Основні оператори
      • Числа
      • Рядки
      • Логічні операції
    • 2️⃣Розгалудження і цикли
      • Розгалуження
      • Тернарний оператор
      • Інструкція switch
      • Область видимості
      • Цикли
    • 3️⃣Масиви
      • Масиви
      • Ітерація по масиву
      • Присвоєння за посиланням і значенням
      • Методи масиву
    • 4️⃣Функції
      • Функції
      • Стек викликів
    • 5️⃣Обʼєкти
      • Обʼєкти
      • Перебирання обʼєкта
      • Масив обʼєктів
      • Операції spread і rest
      • Деструктуризація обʼєктів
      • Деструктуризація масивів
      • Паттерн "обʼєкт параметрів"
    • 6️⃣Колбек-функції, стрілкові функції, перебір масиву
      • Колбек-функції
      • Метод forEach
      • Стрілкові функції
      • Підходи до написання коду
      • Чисті функції
    • 7️⃣Перебираючі методи масивів
      • Перебираючі методи масиву
      • Метод map()
      • Метод flatMap()
      • Метод filter()
      • Метод find()
      • Метод findIndex()
      • Методи every() і some()
      • Метод reduce()
      • Метод sort()
      • Ланцюжки методів
    • 8️⃣Контекст, прототипи та класи
      • Контекст виконання функції
      • Правила визначення this
      • Методи функцій
      • Об'єктно-орієнтоване програмування
      • Прототипне наслідування
    • Класи
  • 👷Практика
    • 👷Практика
    • Page 1
  • Про мене
    • Про мене
Powered by GitBook
On this page
  1. Теорія
  2. Перебираючі методи масивів

Метод find()

Метод find() використовується для пошуку першого елемента у масиві, який задовольняє умову, вказану у колбек функції. Цей метод повертає перший знайдений елемент або undefined, якщо нічого не знайдено.

Синтаксис методу find():

const wantedItem = outputArray.find((element, index, array) => {
    // Повернути true/false для умови пошуку
});

Що виконує метод:

  • Не змінює вихідний масив.

  • Поелементо перебирає вихідний масив.

  • Повертає перший елемент, який задовольняє умову, тобто коли колбек функція повертає true.

  • Якщо жоден елемент не задовольнив умову, тобто для всіх елементів колбек функція повернула false, метод повертає undefined.

Метод find() використовують для одного завдання - пошуку елемента за унікальним значенням властивості. Наприклад, пошук користувача за поштою, автомобіля - за серійним номером, книги - за назвою тощо.

Приклад

Наприклад у нас є масив обʼєктів людей з різною національністю. І стоїть задача знайти першу людину в списку, яка має властивість національності з певним значенням.

const people = [
  { name: "Fritz", nationality: "German" },
  { name: "Marta", nationality: "Pole" },
  { name: "Jaque", nationality: "French" },
  { name: "Petro", nationality: "Ukrainian" },
  { name: "Harue", nationality: "Japanese" },
];

const ukr = people.find((el) => el.nationality === "Ukrainian");
console.log(ukr); // {name: 'Petro', nationality: 'Ukrainian'}

const pl = people.find((el) => el.nationality === "Pole");
console.log(pl); // {name: 'Marta', nationality: 'Pole'}

const ind = people.find((el) => el.nationality === "Indian");
console.log(ind); // undefined

PreviousМетод filter()NextМетод findIndex()

Last updated 1 year ago

📚
7️⃣