Перебор массивов и объектов в JS

Сборник методов для перебора элементов массива или массивоподобных объектов

Цикл for

Перебор массива в цикле for

var data = ["Яблоко", "Апельсин", "Слива"]; for (var key in data) { console.log(key + ': ' + data[key]);} JS

Результат:

Перебор объекта в цикле for

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"}; for (var key in data) { console.log(key + ': ' + data[key]);} JS

Результат:

Цикл forEach

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

var data = ["Яблоко", "Апельсин", "Слива"]; data.forEach(function(element, key){ console.log(key + ': ' + element);}); JS

Результат:

Перебор объектов с помощью forEach

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"}; Object.entries(data).forEach((entry) => { const [key, value] = entry; console.log(key + ': ' + value);}); JS

Результат:

JQuery .each()

Метод .each() предназначен для цикличного обхода DOM-элементов, но также работает и массивами и объектами.

var data = ["Яблоко", "Апельсин", "Слива"]; $.each(data, function(key, value){ console.log(key + ': ' + value);});

JS

Результат:

Перебор объектов с помощью each()

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"}; $.each(data, function(key, value){ console.log(key + ': ' + value);});

Результат: