логотип PurpleSchool
Иконка входа
Вход
  • Обучение
  • Войти
логотип PurpleSchool

Цикл for...in в JavaScript

Автор

Дмитрий Нечаев

Цикл for...in в JavaScript предоставляет удобный способ перебора всех перечисляемых свойств объекта. Он позволяет обойти все имена свойств объекта и выполнить определенные действия с их значениями.

Синтаксис

for (variable in object) {
  // Тело цикла
}

Где variable - это переменная, в которую будут поочередно записываться имена свойств объекта object.

Примеры

Рассмотрим пример использования цикла for...in для перебора свойств объекта:

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

for (let key in person) {
  console.log(key + ': ' + person[key]);
}

В этом примере цикл for...in перебирает все свойства объекта person, записывая имя свойства в переменную key, а затем использует это имя для получения значения свойства и вывода его в консоль. Результат будет следующим:

name: John
age: 30
city: New York

Использование проверки на собственные свойства

При использовании цикла for...in следует учитывать, что он перебирает все перечисляемые свойства, включая свойства, унаследованные из прототипа объекта. Поэтому иногда полезно проверять, является ли свойство собственным (не унаследованным).

for (let key in person) {
  if (person.hasOwnProperty(key)) {
    console.log(key + ': ' + person[key]);
  }
}

Метод hasOwnProperty() используется для проверки того, является ли свойство собственным свойством объекта, и исключает унаследованные свойства.

Заключение

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

изображение курса

Основы JavaScript

Антон Ларичев
иконка часов18 часов лекций
иконка звёздочки рейтинга4.8
Frontend
Backend
Mobile
2 999 ₽
Основы JavaScript