> Как проитерироваться по объекту в JavaScript (JavaScript)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: Софт Медиа Групп

Стек: JavaScript

> Пример ответа

Для итерации по объекту в JavaScript можно использовать несколько способов в зависимости от задачи:

for...in - перебирает все перечисляемые свойства, включая унаследованные:

JAVASCRIPT
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
  if (obj.hasOwnProperty(key)) { // фильтр собственных свойств
    console.log(key, obj[key]);
  }
}

Object.keys() - возвращает массив собственных ключей:

JAVASCRIPT
Object.keys(obj).forEach(key => console.log(key, obj[key]));

Object.values() - возвращает массив значений:

JAVASCRIPT
Object.values(obj).forEach(value => console.log(value));

Object.entries() - возвращает массив пар [ключ, значение]:

JAVASCRIPT
Object.entries(obj).forEach(([key, value]) => console.log(key, value));

for...of с Object.entries() - современный и читаемый способ:

JAVASCRIPT
for (const [key, value] of Object.entries(obj)) {
  console.log(key, value);
}

Рекомендуется использовать Object.entries() или Object.keys() для итерации по собственным свойствам, избегая for...in без проверки hasOwnProperty.