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

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

1
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

Результат:

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

Метод 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

Результат:

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

Метод .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);
});
JS

Результат:

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

Комментарии

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

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

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