Объекты в JavaScript аналогичны словарю с значением пары значения ключа. В процессе разработки проекта нам нужно разобраться с итерацией объекта. Давайте посмотрим на разные пути для итерации.
для… в
Традиционный для … в Цикл работает по-другому для объектов, чем массивы. Для … в петле перечисляют через свой собственный объект.
Пусть человек = {Название: “Равина”, Возраст: 25, Страна: “Индия”}
для (пусть данные лично) {console.log ( $ {data}: $ {человек [данные]} );}
Класс объекта предоставляет другие методы, которые мы можем использовать для итерации над объектом.
Object.entries (OBJ)
Object.entries (OBJ) Возвращает массив собственного объекта, перечисляемого Струнно-ключом. Пара [КЛЮЧ, ЗНАЧЕНИЕ], возвращенная таким же образом, как это предоставлено для … в петле. Порядок массива, возвращаемого методом записи (), такой же, как определенный объект.
для (Const [Key, Value] of Object.entries (человек)) {Console.log ( $ {ключевые}: $ {значение} );}
Object.Keys (OBJ)
Object.Keys (OBJ) Возвращает массив собственного перечисленного объекта объекта и итерацию, как и в цикле. Массив, возвращенный клавишами, итерации, так же, как указано путем обработки свойств объекта вручную.
для (пусть ключ в объекте. keys (человек)) {console.log ( $ {ключевые}: $ {человек [ключ]} );}
Object.values (Obj)
Object.values (OBJ) возвращает массив собственных перечисленных значений объекта и итерации в том же порядке, что и для … в петле. Массив, возвращенный клавишами, итерации, так же, как указано путем обработки значений свойства объекта вручную.
для (пусть стоимость в Object.values (человек)) {console.log ( $ {значение} );}
Когда использовать то, что
Для проверки наличия свойства и требует итерации через свойство только мы можем использовать метод Object.keys (OBJ).
Для проверки значений свойств и требует итерации с помощью значений свойств только мы можем использовать метод Object.values (OBJ).
Для отображения через свойство и значения свойств мы можем использовать метод Object.entries (OBJ).
Счастливое кодирование!
Оригинал: “https://dev.to/deogadkarravina/javascript-iterating-object-59ae”