Този урок ще демонстрира начините за цикъл/итерация през прост JavaScript обект.
Как да преминете през обикновен/обикновен JavaScript обект?
За да преминете през обикновен JavaScript обект, използвайте следните методи:
Метод 1: Цикъл през обикновен/прост JavaScript обект с помощта на цикъл for-in
За да преминете през обект, използвайте цикъла „for-in“. Той обхожда всички изброими низови атрибути на обект, които са свързани с обект.
Синтаксис
Използвайте предоставения синтаксис, за да използвате цикъла for-in за преминаване през обект:
за ( променлива в обект )
Пример
Създайте обект със свойства в двойки ключ-стойност:
беше обект = {
'JavaScript' : един ,
'Java' : 5 ,
'Python' : двадесет ,
'HTML' : 2 ,
'CSS' : единадесет
}
Цикъл над обекта въз основа на ключовете на обект:
за ( конст ключ в обект ) {конзола. дневник ( `$ { ключ } : $ { обект [ ключ ] } ` ) ;
}
Изходът показва всички характеристики на обекта в двойка ключ-стойност:
Метод 2: Преминаване през обикновен/прост JavaScript обект с помощта на метода Object.keys()
Всяко свойство в обект има съответстваща стойност, което означава, че всяко свойство включва двойки ключ-стойност. Можете да извлечете ключовете, стойностите или и двете ключове и стойности като записи в масив, като използвате статичните методи на обекта. Ако искате да извлечете ключовете на обект, използвайте „ Object.keys() ” метод.
Синтаксис
Следвайте дадения синтаксис, за да преминете през обект, за да извлечете свойствата/ключовете на обект:
Пример
Извикайте метода Object.keys() и съхранете резултантния масив от ключове на обекта в променлива „ objKeys ”:
Както можете да видите в изхода, всички ключове на обект са извлечени успешно:
Метод 3: Цикъл през обикновен/прост JavaScript обект с помощта на метода Object.values()
За да получите стойностите на обект срещу неговите свойства, използвайте „ Object.values() ” метод. Той връща масив от стойности за свойствата/ключовете на обект.
Синтаксис
Даденият синтаксис се използва за получаване на стойностите на обекта чрез преминаване през обект:
Пример
Извикайте метода Object.values(), за да получите стойностите на обект спрямо неговите свойства:
Резултатът показва масив от стойности спрямо свойствата на обекта:
Метод 4: Цикъл през обикновен/прост JavaScript обект с помощта на метода Object.entries()
Можете също така да итерирате през обикновен/прост JavaScript обект, като използвате „ Object.entries() ” метод. Той генерира масив от под-масиви, съдържащи двойки ключ-стойност на дадения обект.
Синтаксис
Следният синтаксис се използва за получаване на записите на обект чрез цикъл на обект:
Пример
Извикайте метода Object.entries() на обекта за извличане на всички записи на обект:
Изход
Събрахме цялата необходима информация, свързана с преминаването през обикновени JavaScript обекти с обекти като членове.
Заключение
За да преминете през обикновен/прост JavaScript обект, използвайте „ за-в 'цикъл', Object.keys() 'метод', Object.values() ” или метода „ Object.entries() ” метод. Цикълът for-in и методът Object.entries() се използват за получаване на всички двойки ключ-стойност в обект, докато Object.keys() се използват за получаване на ключовете, а Object.values() за стойностите на предмет. Този урок демонстрира различни начини за преминаване през прост JavaScript обект.