Aquest tutorial mostrarà les maneres de fer un bucle/iterar a través d'un objecte JavaScript senzill.
Com fer un bucle a través d'un objecte de JavaScript simple / senzill?
Per fer un bucle/iterar a través d'un objecte JavaScript senzill, utilitzeu els mètodes següents:
Mètode 1: Fes un bucle a través d'un objecte JavaScript normal/simple mitjançant bucle for-in
Per recórrer un objecte, utilitzeu el bucle 'for-in'. Itera a través de tots els atributs de cadena enumerables d'un objecte associats a un objecte.
Sintaxi
Utilitzeu la sintaxi proporcionada per utilitzar el bucle for-in per fer un bucle per un objecte:
per ( variable en objecte )
Exemple
Creeu un objecte amb propietats en parells clau-valor:
era objecte = {
'JavaScript' : 1 ,
'Java' : 5 ,
'Python' : 20 ,
'HTML' : 2 ,
'CSS' : 11
}
Recorre l'objecte en funció de les claus d'un objecte:
per ( const clau en objecte ) {consola. registre ( `$ { clau } : $ { objecte [ clau ] } ` ) ;
}
La sortida mostra totes les característiques de l'objecte en un parell clau-valor:
Mètode 2: Recorre un objecte JavaScript simple/sense utilitzant el mètode Object.keys()
Cada propietat d'un objecte té un valor corresponent, és a dir, cada propietat consta de parells clau-valor. Podeu extreure les claus, els valors o ambdues claus i valors com a entrades en una matriu mitjançant els mètodes estàtics de l'objecte. Si voleu recuperar les claus d'un objecte, utilitzeu el ' Object.keys() ” mètode.
Sintaxi
Seguiu la sintaxi donada per recórrer un objecte per recuperar les propietats/claus d'un objecte:
Exemple
Invoqueu el mètode Object.keys() i emmagatzemeu la matriu de claus resultant de l'objecte a la variable ' objKeys ”:
Com podeu veure a la sortida, totes les claus d'un objecte s'han recuperat correctament:
Mètode 3: Recorre un objecte JavaScript simple/sense utilitzant el mètode Object.values()
Per obtenir els valors d'un objecte en comparació amb les seves propietats, utilitzeu el ' Object.values() ” mètode. Torna una matriu de valors per a les propietats/claus d'un objecte.
Sintaxi
La sintaxi donada s'utilitza per obtenir els valors de l'objecte fent un bucle per un objecte:
Exemple
Invoqueu el mètode Object.values() per obtenir els valors d'un objecte amb les seves propietats:
La sortida mostra una matriu de valors amb les propietats de l'objecte:
Mètode 4: Recorre un objecte JavaScript simple/sense utilitzant el mètode Object.entries()
També podeu iterar a través d'un objecte JavaScript simple/sense utilitzant el ' Object.entrades() ” mètode. Genera una matriu de submatrius que contenen parells clau-valor de l'objecte donat.
Sintaxi
La sintaxi següent s'utilitza per obtenir les entrades d'un objecte fent un bucle d'un objecte:
Exemple
Truqueu al mètode Object.entries() a l'objecte per recuperar totes les entrades d'un objecte:
Sortida
Hem recopilat tota la informació necessària rellevant per recórrer objectes JavaScript senzills amb objectes com a membres.
Conclusió
Per fer un bucle a través d'un objecte JavaScript normal/simple, utilitzeu el ' per-en 'bucle,' Object.keys() ' mètode ', ' Object.values() ', o el mètode ' Object.entrades() ” mètode. El bucle for-in i el mètode Object.entries() s'utilitzen per obtenir tots els parells clau-valor d'un objecte, mentre que Object.keys() s'utilitzen per obtenir les claus i Object.values() per als valors de un objecte. Aquest tutorial va demostrar diferents maneres de recórrer un objecte JavaScript senzill.