JavaScript Array find()

Пример 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:

Метод	Find
indexOf()	Индекс первого элемента с указанным значением
lastIndexOf()	Индекс последнего элемента с указанным значением
find()	Значение первого элемента, прошедшего проверку
findIndex()	Индекс первого элемента, прошедшего проверку
findLast()	Значение последнего элемента, прошедшего проверку
findLastIndex()	Индекс последнего элемента, прошедшего проверку

Синтаксис

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

Параметры

function()	Необходимый. Функция, запускаемая для каждого элемента массива.
currentValue	Необходимый. Значение текущего элемента.
index	Необязательный. Индекс текущего элемента.
arr	Необязательный. Массив текущего элемента.
thisValue	Необязательный. По умолчанию `undefined`. Значение, передаваемое функции как ее значение `this`.

Возвращаемое значение

Тип	Описание
Value	Значение первого элемента, прошедшего проверку. В противном случае он возвращает `undefined`.

Пример 2

Найдите значение первого элемента, значение которого превышает определенное число:

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

<button onclick="myFunction()">Попробуй</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>

Попробуйте сами »