Перебор массивов и объектов в 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
283
Предыдущая запись Переезд сайта на HTTPS
Следующая запись Работа с JSON в PHP

Комментарии

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

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

Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
34239
+14
Работа с cookie в JavaScript
Сookies или куки – это данные в виде пар ключ=значение, которые хранятся в файлах на компьютере пользователя. Для хранимых данных существуют несколько ограничений...
16682
+6
Работа с Textarea jQuery
Сборник jQuery приемов с textarea - получить содержимое, вставить значение, подсчет количества символов и строк и т.д.
39528
+4
array_unique для многомерных массивов
Функция array_unique возвращает массив без повторяющихся значений, она работает и с многомерными массивами.
11605
0
Whois, как получить данные IP-адреса и домена в PHP
Несколько примеров как в PHP получить информацию о домене и IP-адресе.
10311
+4
Яндекс.Доставка работа с API в PHP
Примеры работы с API Яндекс.Доставки (для заказа перевозки грузов корпоративным клиентам).
939
+1