3

Или по-другому как перебрать все элементы массива в Javascript?

Что-то вроде foreach(array as value)

1

6 ответов 6

14

Есть несколько вариантов, в зависимости от ваших задач.

Начнём с простого:

var a = ["a", "b", "c"];
a.forEach(function(entry) {
    console.log(entry);
});

Немного более старомодный вариант:

var index;
var a = ["a", "b", "c"];
for (index = 0; index < a.length; ++index) {
    console.log(a[index]);
}

Кроме того, есть собственно for-in. Может использоваться, например, для разреженных (sparsed) массивов:

Примитивный, но не совсем верный вариант:

for (var key in data) {
  key;//ключ
  data[key];//значение
}

Более правильно:

var key;
var a = [];
a[0] = "a";
a[10] = "b";
a[10000] = "c";
for (key in a) {
    if (a.hasOwnProperty(key)  &&
        /^0$|^[1-9]\d*$/.test(key) &&
        key <= 4294967294
        ) {
        console.log(a[key]);
    }
}

В EcmaScript6 в виде предложения (draft) добавлена ещё конструкция for-of:

var val;
var a = ["a", "b", "c"];
for (val of a) {
    console.log(val);
}

Собственно, по большому счёту, for-of это просто правильный for-in, не требующий дополнительных проверок как в примере выше. Принципиальные же отличия в деталях можно узнать из предложения (англ.).

Подробнее:

2
  • Еще for-of стоит добавить.
    – uhbif19
    7 апр 2015 в 17:02
  • 1
    @uhbif19: Полностью согласен и поддерживаю. Добавлено. 7 апр 2015 в 17:09
0

В стандартном JavaScript у массивов есть метод forEach:

['a', 'b', 'c'].forEach(function(value, index) {
    console.log('a[' + index + '] = ' + value);
});

Получаем:

a[0] = a
a[1] = b
a[2] = c

Не стоит путать с конструкцией for (key in object). Такая конструкция перебирает свойства объекта, а не элементы массива. Хотя элементы массива считаются его свойствами, вы получите не только их, и вам придётся фильтровать свойства при помощи hasOwnProperty.

0
for (var i = 0; i < array.length; i++) { 
    console.log(array[i]);
}
0

Можно использовать функцию $.each https://api.jquery.com/each/

-1
for (var i = 0; i <= myArray.length; i++) { /*тут делаем что нужно с myArray[i]*/ }
-1

посмотрите реализацию Array.prototype.forEach()

Синтаксис

arr.forEach(callback[, thisArg])

Параметры

callback Функция, создающая элемент нового массива, принимает три аргумента:

  • currentValue Текущий обрабатываемый элемент в массиве.

  • index Индекс текущего обрабатываемого элемента в массиве.

  • array Массив, по которому осуществляется проход.

thisArg Необязательный параметр. Значение, используемое в качестве this при вызове функции callback.

Следующий код выводит каждый элемент массива на новой строке журнала:

function logArrayElements(element, index, array) {
  console.log('a[' + index + '] = ' + element);
}

// Обратите внимание на пропуск по индексу 2, там нет элемента, поэтому он не посещается
[2, 5, , 9].forEach(logArrayElements);
// логи:
// a[0] = 2
// a[1] = 5
// a[3] = 9
0

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.