Как пройти через объект JavaScript

В JavaScript объект — это фундаментальная структура данных, в которой хранятся коллекции пар ключ-значение. Это универсальный строительный блок, который служит основой для создания реальных объектов и сложных структур данных.

В этом уроке мы научимся перебирать объект JavaScript. Чтобы пройти через объект JavaScript, мы можем использовать несколько методов, таких как: Object.keys(obj), for...of, Object.entries() или for...of

Для перебора свойств объекта мы можем использовать Object.keys() в сочетании с и Array.prototype.forEach() метод

const obj = {
    name: 'John',
    surname: 'Doe'
};

Object.keys(obj).forEach(function(key) {
    console.log(key, obj[key]);
});

Для циклического обхода объекта в JavaScript мы можем использовать for...of, представленный в ECMAScript 6

const obj = {
    name: 'John',
    surname: 'Doe'
};

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

Итерация по свойствам объекта может быть достигнута с помощью метода Object.entries() из ECMAScript 8

const obj = {
    name: 'John',
    surname: 'Doe'
};

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

Цикл for...of в сочетании с деструктуризацией и Object.entries:

const obj = {
    name: 'John',
    surname: 'Doe'
};

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

Существует также старомодный способ перебора объекта в JavaScript.

var obj = {
    name: 'John',
    surname: 'Doe'
};

for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
        console.log(key + " -> " + obj[key]);
    }
}

В этом уроке мы узнали, как перебирать объект JavaScript. Как видите, существует несколько способов сделать это, вы можете выбрать лучший, который соответствует вашим потребностям.