find()

Обновлено: 09.03.2023

Приклад 1

Знайдіть значення першого елемента зі значенням більше 18:

const ages = [3, 10, 18, 20];

function checkAge(age) {
  return age > 18;
}

function myFunction() {
  document.getElementById("demo").innerHTML = ages.find(checkAge);
}

Визначення та використання

Метод find()повертає значення першого елемента, який пройшов перевірку.

Метод find()виконує функцію для кожного елемента масиву.

Метод find()повертає undefined, якщо елементи не знайдено.

Метод find()не виконує функцію для порожніх елементів.

Метод find()не змінює вихідний масив.


Синтаксис

array.find(function(currentValue, index, arr),thisValue)

Параметри

function() Обов'язково. Функція, яка виконується для кожного елемента масиву.
currentValue Обов'язково. Значення поточного елементу.
index Опціонально. Індекс поточного елемента.
arr Опціонально. Масив поточного елемента.
thisValue Опціонально. За замовчуванням "undefined". Значення, що передається функції як її значення "this".

Повернене значення

Тип Опис
Значення Значення першого елемента, який пройшов перевірку. Інакше воно повертається undefined.

Приклад 2

Знайдіть значення першого елемента зі значенням вище певного числа:

<p><input type="number" id="ageToCheck" value="18"></p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
const ages = [4, 12, 16, 20];

function checkAge(age) {
  return age > document.getElementById("ageToCheck").value;
}

function myFunction() {
  document.getElementById("demo").innerHTML = ages.find(checkAge);
}
</script>

Підтримка браузера

find

Посмотреть совместимость на Can I use?

find