Как перебирать объекты в Javascript

1. Используйте Object.keys, чтобы получить массив ключей объекта и выполнить цикл по нему.

let myObj = {
  name: 'Shuvo',
  tech: 'javascript',
  hobby: 'learning javascript',
  favFood: 'beef steak!',
};

// way: 1
 Object.keys(myObj).map((key) => {
   console.log(`key: ${key} value: ${myObj[key]}`);
 });


// output

// key: name value: Shuvo

// key: tech value: javascript

// key: hobby value: learning javascript

// key: favFood value: beef steak!

Войти в полноэкранный режим Выйти из полноэкранного режима

2. Используйте For…in Loop для обхода объекта.

// way: 2
for (key in myObj) {
  console.log(`key: ${key} value: ${myObj[key]}`);
}

// output

// key: name value: Shuvo

// key: tech value: javascript

// key: hobby value: learning javascript

// key: favFood value: beef steak!

Войдите в полноэкранный режим Выйти из полноэкранного режима

3. Используйте метод Object.values(). За это время вы получите все значения оставшихся клавиш.

// way: 3 

Object.values(myObj).forEach((value) => {
  console.log('value: ', value);
});

// output
// value: Shuvo

// value: javascript

// value: learning javascript

// value: beef steak!

Войти в полноэкранный режим Выход из полноэкранного режима

4. Используйте метод Object.entries(). Он вернет массив из ключа и значения



// way: 4 

Object.entries(myObj).forEach((arr) => {
  console.log('arr: ', arr);
});

// output
// arr: ["name", "Shuvo"]

// arr: ["tech", "javascript"]

// arr: ["hobby", "learning javascript"]

// arr: ["favFood", "beef steak!"]

Войти в полноэкранный режим Выйти из полноэкранного режима

Вот и все. Играйте с этим больше 🚀.

Как перебирать объекты в Javascript

Рекомендуем почитать: