Этот учебник продемонстрирует способы циклического/итерации через простой объект JavaScript.
Как перебрать простой/простой объект JavaScript?
Чтобы выполнить цикл/перебор простого объекта JavaScript, используйте следующие методы:
Метод 1: цикл через обычный/простой объект JavaScript с использованием цикла for-in
Чтобы перебрать объект, используйте цикл for-in. Он перебирает все перечисляемые строковые атрибуты объекта, которые связаны с объектом.
Синтаксис
Используйте предоставленный синтаксис, чтобы использовать цикл for-in для прохода по объекту:
за ( переменная в объект )
Пример
Создайте объект со свойствами в парах ключ-значение:
был объект знак равно {
'Джаваскрипт' : один ,
'Джава' : 5 ,
'Питон' : двадцать ,
'HTML' : 2 ,
'КСС' : одиннадцать
}
Цикл по объекту на основе ключей объекта:
за ( константа ключ в объект ) {консоль. журнал ( `$ { ключ } : $ { объект [ ключ ] } ` ) ;
}
Вывод отображает все характеристики объекта в паре ключ-значение:
Метод 2: цикл через простой/простой объект JavaScript с использованием метода Object.keys()
Каждое свойство в объекте имеет соответствующее значение, то есть каждое свойство состоит из пар ключ-значение. Вы можете извлечь ключи, значения или и ключи, и значения как элементы массива, используя статические методы объекта. Если вы хотите получить ключи объекта, используйте « Объект.keys() метод.
Синтаксис
Следуйте указанному синтаксису, чтобы пройтись по объекту и получить свойства/ключи объекта:
Пример
Вызовите метод Object.keys() и сохраните полученный массив ключей объекта в переменной « objKeys ”:
Как видно из вывода, все ключи объекта успешно получены:
Метод 3: цикл через простой/простой объект JavaScript с использованием метода Object.values()
Для получения значений объекта по его свойствам используйте « Объект.значения() метод. Он возвращает массив значений свойств/ключей объекта.
Синтаксис
Данный синтаксис используется для получения значений объекта путем перебора объекта:
Пример
Вызовите метод Object.values(), чтобы получить значения объекта по его свойствам:
На выходе отображается массив значений свойств объекта:
Метод 4: цикл через простой/простой объект JavaScript с использованием метода Object.entries()
Вы также можете перебирать простой / простой объект JavaScript, используя « Объект.записи() метод. Он генерирует массив подмассивов, содержащих пары ключ-значение данного объекта.
Синтаксис
Следующий синтаксис используется для получения записей объекта путем зацикливания объекта:
Пример
Вызовите метод Object.entries() для объекта, чтобы получить все записи объекта:
Вывод
Мы собрали всю необходимую информацию, относящуюся к циклу по простым объектам JavaScript с объектами в качестве членов.
Заключение
Чтобы перебрать простой/простой объект JavaScript, используйте « за-в ' петля, ' Объект.keys() «метод», « Объект.значения() 'метод' или ' Объект.записи() метод. Цикл for-in и метод Object.entries() используются для получения всех пар ключ-значение в объекте, в то время как Object.keys() используется для получения ключей и Object.values() для значений объект. В этом руководстве продемонстрированы различные способы циклического прохождения простого объекта JavaScript.