Все мы любим кого-то: методы every и some в массивах JavaScript

Методы every и some в массивах JavaScript

От автора: зачастую в JavaScript требуется просеять массив и определить, есть ли в нем элементы, удовлетворяющие определенным условиям, значения в заданном промежутке или же узнать, совпадают ли все ячейки массива с чем-либо. С одной стороны, можно пойти обычным путем и прогнать массив в цикле, проверяя каждое значение (цикл for), ну или использовать более современный метод forEach. Однако есть способ намного лучше: методы every и some, с помощью которых можно получать мгновенный ответ на поставленные условия.

Метод every

К примеру, у нас есть массив возраста:

var ages = [ 21, 18, 32, 45, 56 ];

Нужно проверить все ли ячейки достигли «совершеннолетия» (18 лет или старше), тогда в консоли можно написать следующий код с помощью стрелок:

ages.every(age => age >= 18)
> true

Результат будет или true или false, т.е. строку выше можно было бы записать через условие if:

if (ages.every(age => age >= 18)) {
    // преобразования
}

В методе every есть колбэк, а значит, сравнения можно проводить и во внешних функциях. К примеру, у нас есть JSON массив насекомых:

var insects = [
    { name: "Monarch", order: "Lepidoptera" },
    { name: "Chinese silkworm moth", order: "Lepidoptera" },
    { name: "Common Buckeye", order: "Lepidoptera" },
    { name: "Hummingbird Hawk-moth", order: "Lepidoptera" }
];

Необходимо убедиться, что все насекомые в структуре относятся к группе чешуекрылых (Lepidoptera, семейство мотыльков и бабочек). Можно написать функцию:

function isButterflyOrMoth(element) {
    return (element.order === "Lepidoptera");
}

Прикрепляем функцию к массиву и показываем результат через консоль:

console.log(insects.every(isButterflyOrMoth));

В нашем случае вернется true.

Метод some

Точно так же можно проверить, что хотя бы часть элементов (some) массива удовлетворяет заданному условию. Скажем, нам нужно определить, что хотя бы одно значение меньше 30. Массив остался тот же:

var ages = [ 21, 18, 32, 45, 56 ];

Стоит отметить, что ни метод all ни метод some не изменяют массив; они только проверяют его на совпадение условию. Нам нужно узнать, если ли хотя бы одно значение, меньшее 30:

ages.some(age => age < 30)
> true

Метод some прекращает работу при нахождении первого совпадения в массиве. Точно так же его можно использовать для поиска в массиве заданного значения. В заданном массиве содержатся греческие музы:

var muses = ["Calliope", "Clio", "Euterpe", "Thalia", "Melpomene", 
"Terpsichore", "Erato", "Polyhymnia", "Urania"];

Проверить массив на заданное значение можно с помощью функции:

function isPresent(array, val) {
    return array.some(arrVal => val === arrVal);
}

Мы можем проверять массив на заданное значение при помощи функции isPresent, передавая в качестве аргументов ей массив и значение для поиска:

isPresent(muses, "Calliope"); 
> true

Поддержка

Оба метода превосходно поддерживаются браузерами: все современные браузеры, включая IE9+. (Для IE8 есть полифил).

Источник: http://thenewcode.com/

Редакция: Команда webformyself.

JavaScript&jQuery с нуля до профи

Пройдите пошаговый видеокурс по JavaScript&jQuery

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree