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

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

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

var data = ["Яблоко", "Апельсин", "Слива"];

for (var key in data) {
	console.log(key + ': ' + data[key]);
}
JS

Результат:

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

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

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"};

for (var key in data) {
	console.log(key + ': ' + data[key]);
}
JS

Результат:

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

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

var data = ["Яблоко", "Апельсин", "Слива"];

data.forEach(function(element, key){
	console.log(key + ': ' + element);
});
JS

Результат:

Перебор массива в forEach

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

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"};

Object.entries(data).forEach((entry) => {
	const [key, value] = entry;
	console.log(key + ': ' + value);
});
JS

Результат:

Перебор объекта в forEach

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

var data = ["Яблоко", "Апельсин", "Слива"];

$.each(data, function(key, value){
	console.log(key + ': ' + value);
});
JS

Результат:

Перебор массива в $.each

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

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"};

$.each(data, function(key, value){
	console.log(key + ': ' + value);
});
JS

Результат:

Перебор объекта в $.each
21.12.2021, обновлено 03.04.2022
16850
Следующая запись Работа с JSON в PHP

Комментарии

, чтобы добавить комментарий.

Другие публикации

Local Storage и Session Storage в JavaScript
Web Storage API это набор методов, при помощи которых в браузере можно хранить данные в виде пар ключ=значение на...
12946
+4
Примеры отправки AJAX JQuery
AJAX позволяет отправить и получить данные без перезагрузки страницы. Например, делать проверку форм, подгружать контент и т.д. А функции JQuery значительно упрощают работу.
248940
+37
Манипуляции с элементами jQuery
Сборник методов jQuery для управления элементами DOM.
19574
+6
Сортировка массивов
В продолжении темы работы с массивами поговорим о типичной задаче – их сортировке. Для ее выполнения в PHP существует множество функций, их подробное описание можно посмотреть на php.net, рассмотрим...
62005
+6
Работа с Textarea jQuery
Сборник jQuery приемов с textarea - получить содержимое, вставить значение, подсчет количества символов и строк и т.д.
50398
+3
Как изменить Favicon сайта из JavaScript
Для замены Favicon во вкладке браузера достаточно у элемента link rel="icon" в атрибуте href указать путь до нового...
10449
+3