ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

JS Учебник

JS Старт JS Введение JS Установка JS Вывод JS Объявления JS Синтаксис JS Комментарии JS Переменные JS Операторы JS Арифметические JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строки JS Числа JS Методы числа JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Форматы дат JS Методы получения дат JS Методы установки дат JS Математические JS Рандомные JS Булевы JS Сравнения JS Условия JS Switch JS Цикл For JS Цикл While JS Прерывание JS Преобразование типов JS Побитовые JS Регулярные выражения JS Ошибки JS Область действия JS Подъём JS Строгий режим JS Ключевое слово this JS Ключевое слово Let JS Ключевое слово Const JS Функции стрелок JS Классы JS Отладка JS Гид по стилю JS Лучшие практики JS Ошибки JS Производительность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы Формы API

JS Объекты

Определения объектов Свойства объекта Методы объекта Доступ к объектам Конструкторы объектов Прототипы объектов Объект ECMAScript 5

JS Функции

Определения функций Параметры функции Обращение к функции Вызов функции Применение функции Закрытие функции

JS HTML DOM

DOM Введение DOM Методы DOM Документ DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель событий DOM Навигация DOM Узлы DOM Коллекции DOM Узловые списки

JS Объектная модель браузера BOM

JS Окно JS Скрин JS Локация JS История JS Навигатор JS Всплывающее оповещение JS Тайминг JS Куки

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Отклик AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON и XML JSON Типы данных JSON Анализ JSON Stringify JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS и jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Input JS HTML Объекты JS HTML События JS Броузер JS Упражнения JS Викторина JS Сертификат

JS Справочники

JavaScript Объекты HTML DOM Объекты

JavaScript. Уроки для начинающих

JavaScript Методы итерации массива


Методы итерации массива работают с каждым элементом массива.


Array.forEach()

Метод forEach() вызывает функцию (функцию обратного вызова) один раз для каждого элемента массива.

Пример

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt = txt + value + "<br>";
}
Попробуйте сами »

Обратите внимание, что функция принимает 3 аргумента:

  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

В приведенном выше примере используется только параметр value (значение). Пример можно переписать:

Пример

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);

function myFunction(value) {
  txt = txt + value + "<br>";
}
Попробуйте сами »

Array.forEach() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней:

Yes 9.0 Yes Yes Yes

Array.map()

Метод map() создает новый массив, выполняя функцию для каждого элемента массива.

Метод map() не выполняет функцию для элементов массива без значений.

Метод map() не меняет исходный массив.

Этот пример умножает каждое значение массива на 2:

Пример

var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {
  return value * 2;
}
Попробуйте сами »

Обратите внимание, что функция принимает 3 аргумента:

  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

Когда функция обратного вызова использует только параметр value, параметры index и array могут быть опущены:

Пример

var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);

function myFunction(value) {
  return value * 2;
}
Попробуйте сами »

Array.map() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Array.filter()

Метод filter() создает новый массив с элементами массива, который проходит тест.

В этом примере создается новый массив из элементов со значением больше 18:

Пример

var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
Попробуйте сами »

Обратите внимание, что функция принимает 3 аргумента:

  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

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

Пример

var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);

function myFunction(value) {
  return value > 18;
}
Попробуйте сами »

Array.filter() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Array.reduce()

Метод reduce() запускает функцию для каждого элемента массива, чтобы получить (уменьшить) значение.

Метод reduce() работает слева направо в массиве. Смотрите также reduceRight().

Метод reduce() не уменьшает исходный массив.

Этот пример находит сумму всех чисел в массиве:

Пример

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);

function myFunction(total, value, index, array) {
  return total + value;
}
Попробуйте сами »

Обратите внимание, что функция принимает 4 аргумента:

  • Итого (total) (начальное значение / ранее возвращенное значение)
  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

В приведенном выше примере не используются параметры индекса и массива. Это можно переписать на:

Пример

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);

function myFunction(total, value) {
  return total + value;
}
Попробуйте сами »

Метод reduce() может принять начальное значение:

Пример

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction, 100);

function myFunction(total, value) {
  return total + value;
}
Попробуйте сами »

Array.reduce() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Array.reduceRight()

Метод reduceRight() запускает функцию для каждого элемента массива, чтобы получить (уменьшить) значение.

Метод reduceRight() работает справа налево в массиве. Смотрите также reduce().

Метод reduceRight() не уменьшает исходный массив.

Этот пример находит сумму всех чисел в массиве:

Пример

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduceRight(myFunction);

function myFunction(total, value, index, array) {
  return total + value;
}
Попробуйте сами »

Обратите внимание, что функция принимает 4 аргумента:

  • Итого (total) (начальное значение / ранее возвращенное значение)
  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

В приведенном выше примере не используются параметры индекса и массива. Это можно переписать на:

Пример

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduceRight(myFunction);

function myFunction(total, value) {
  return total + value;
}
Попробуйте сами »

Array.reduceRight() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Array.every()

Метод every() проверяет, все ли значения массива проходят тест.

В этом примере проверяется, все ли значения массива больше 18:

Пример

var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.every(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
Попробуйте сами »

Обратите внимание, что функция принимает 3 аргумента:

  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

Когда функция обратного вызова использует только первый параметр (значение), другие параметры могут быть опущены:

Пример

var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.every(myFunction);

function myFunction(value) {
  return value > 18;
}
Попробуйте сами »

Array.every() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Array.some()

Метод some() проверяет, проходят ли некоторые значения массива тест.

Этот пример проверяет, если некоторые значения массива больше 18:

Пример

var numbers = [45, 4, 9, 16, 25];
var someOver18 = numbers.some(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
Попробуйте сами »

Обратите внимание, что функция принимает 3 аргумента:

  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

Array.some() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Array.indexOf()

Метод indexOf() ищет в массиве значение элемента и возвращает его позицию.

Примечание: Первый элемент имеет позицию 0, второй элемент имеет позицию 1 и т.д.

Пример

Поиск в массиве для элемента "Apple":

var fruits = ["Apple", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");
Попробуйте сами »

Array.indexOf() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Синтаксис

array.indexOf(item, start)
item Обязательный. Элемент для поиска.
start Необязательный. С чего начать поиск. Отрицательные значения начнутся с заданной позиции, считая с конца, и начнут поиск до конца.

Array.indexOf() возвращает -1, если элемент не найден.

Если элемент присутствует более одного раза, он возвращает позицию первого вхождения.


Array.lastIndexOf()

Array.lastIndexOf() такой же как Array.indexOf(), но возвращает позицию последнего вхождения указанного элемента.

Пример

Поиск в массиве для элемента "Apple":

var fruits = ["Apple", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
Попробуйте сами »

Array.lastIndexOf() поддерживается во всех браузерах, кроме Internet Explorer 8 или более ранней.

Yes 9.0 Yes Yes Yes

Синтаксис

array.lastIndexOf(item, start)
item Обязательный. Элемент для поиска
start Необязательный. С чего начать поиск. Отрицательные значения начнутся с заданной позиции, начиная с конца, и начнут поиск до начала

Array.find()

Метод find() метод возвращает значение первого элемента массива, который проходит тестовую функцию.

Этот пример находит (возвращает значение) первый элемент, который больше 18:

Пример

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
Попробуйте сами »

Обратите внимание, что функция принимает 3 аргумента:

  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

Array.find() не поддерживается в старых браузерах. Первые версии браузера с полной поддержкой перечислены ниже.

45 12 25 8 32

Array.findIndex()

Метод findIndex() возвращает индекс первого элемента массива, который проходит тестовую функцию.

Этот пример находит индекс первого элемента, который больше 18:

Пример

var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
Попробуйте сами »

Обратите внимание, что функция принимает 3 аргумента:

  • Значение элемента (value)
  • Индекс элемента (index)
  • Сам массив (array)

Array.findIndex() не поддерживается в старых браузерах. Первые версии браузера с полной поддержкой перечислены ниже.

45 12 25 8 32