Введение

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

Метод 1: цикл for…in

Цикл for…in — это классический метод перебора свойств объекта. Он перебирает все перечислимые свойства объекта, включая свойства, унаследованные от его цепочки прототипов. Вот пример:

const person = {
  name: 'John',
  age: 25,
  city: 'New York'
};
for (let key in person) {
  console.log(key + ': ' + person[key]);
}

Метод 2: метод Object.keys()

Метод Object.keys() возвращает массив имен собственных перечислимых свойств объекта. Затем мы можем просмотреть этот массив для доступа к соответствующим значениям. Посмотрите следующий фрагмент кода:

const person = {
  name: 'John',
  age: 25,
  city: 'New York'
};
Object.keys(person).forEach(key => {
  console.log(key + ': ' + person[key]);
});

Метод 3: Метод Object.entries()

Метод Object.entries() возвращает массив пар ключ-значение собственных перечислимых свойств объекта. Мы можем перебирать этот массив, чтобы получить доступ как к ключам, так и к значениям. Взгляните на пример ниже:

const person = {
  name: 'John',
  age: 25,
  city: 'New York'
};
Object.entries(person).forEach(([key, value]) => {
  console.log(key + ': ' + value);
});

Метод 4: Метод Object.getOwnPropertyNames()

Метод Object.getOwnPropertyNames() возвращает массив имен собственных свойств объекта, независимо от их перечисляемости. Мы можем использовать этот метод для перебора всех свойств, включая неперечислимые. Вот иллюстрация:

const person = {
  name: 'John',
  age: 25,
  city: 'New York'
};
Object.getOwnPropertyNames(person).forEach(key => {
  console.log(key + ': ' + person[key]);
});

Заключение

Поздравляем! Вы изучили несколько методов циклического перебора объектов в JavaScript. Цикл for…in, Object.keys(), Object.entries() и Object.getOwnPropertyNames() предоставляют различные способы доступа к свойствам объекта и управления ими. Поэкспериментируйте с этими методами в соответствии с вашими потребностями и поднимите свои навыки работы с JavaScript на новый уровень!