Kaip pereiti per paprastą „JavaScript“ objektą

Kaip Pereiti Per Paprasta Javascript Objekta



JavaScript kalba objektas yra konkretus duomenų rinkinys. Šiuose duomenų rinkiniuose yra viena ar kelios jį apibrėžiančios charakteristikos, taip pat bendrų užduočių vykdymo metodai. Tačiau programuotojams būdingas sunkumas naršyti per nesuskaičiuojamą duomenų rinkinį. Išgirdęs terminą „ kilpa “ „JavaScript“ programuotojai paprastai galvoja apie daugybę kilpų, tokių kaip for loops, forEach(), map() ir kt. Deja, šie metodai netaikomi objektams, nes objektai nėra kartojami.

Ši pamoka parodys būdus, kaip atlikti kilpą / iteruoti naudojant paprastą „JavaScript“ objektą.

Kaip pereiti per paprastą / paprastą „JavaScript“ objektą?

Norėdami pereiti / kartoti paprastą „JavaScript“ objektą, naudokite šiuos metodus:







1 būdas: kilpa per paprastą / paprastą JavaScript objektą naudojant for-in kilpą

Norėdami pereiti per objektą, naudokite „for-in“ kilpą. Jis kartojasi per visus nesuskaičiuojamus objekto eilutės atributus, kurie yra susieti su objektu.



Sintaksė
Norėdami pereiti per objektą, naudokite pateiktą sintaksę:



dėl ( kintamasis in objektas )

Pavyzdys
Sukurkite objektą su savybėmis raktų ir reikšmių porose:





buvo objektas = {
'JavaScript' : vienas ,
'Java' : 5 ,
'Python' : dvidešimt ,
'HTML' : 2 ,
'CSS' : vienuolika
}

Perjunkite objektą pagal objekto raktus:

dėl ( konst Raktas in objektas ) {
konsolė. žurnalas ( `$ { Raktas } : $ { objektas [ Raktas ] } ` ) ;
}

Išvestis rodo visas objekto charakteristikas raktų ir reikšmių poroje:



2 būdas: kilpa per paprastą/paprastą JavaScript objektą naudojant Object.keys() metodą

Kiekviena objekto ypatybė turi atitinkamą reikšmę, ty kiekvieną ypatybę sudaro raktų ir reikšmių poros. Naudodami statinius objekto metodus galite išskleisti raktus, reikšmes arba abu raktus ir reikšmes kaip masyvo įrašus. Jei norite gauti objekto raktus, naudokite „ Object.keys() “ metodas.

Sintaksė
Vykdykite nurodytą sintaksę, kad peržiūrėtumėte objektą ir gautumėte objekto ypatybes / raktus:

Objektas . raktai ( objektas )

Pavyzdys
Iškvieskite Object.keys() metodą ir išsaugokite gautą objekto raktų masyvą kintamajame ' objKeys “:

konst objKeys = Objektas . raktai ( objektas ) ;

Kaip matote išvestyje, visi objekto raktai buvo sėkmingai gauti:

3 būdas: kilpa per paprastą/paprastą JavaScript objektą naudojant Object.values() metodą

Norėdami gauti objekto reikšmes prieš jo savybes, naudokite ' Object.values() “ metodas. Jis grąžina objekto savybių / raktų reikšmių masyvą.

Sintaksė
Pateikta sintaksė naudojama norint gauti objekto reikšmes per objektą:

Objektas . vertybes ( objektas )

Pavyzdys
Iškvieskite Object.values() metodą, kad gautumėte objekto reikšmes pagal jo savybes:

konst objValues = Objektas . vertybes ( objektas ) ;

Išvestis rodo verčių masyvą, atitinkantį objekto savybes:

4 būdas: kilpa per paprastą/paprastą JavaScript objektą naudojant Object.entries() metodą

Taip pat galite kartoti per paprastą / paprastą „JavaScript“ objektą naudodami „ Objektas.įrašai() “ metodas. Jis generuoja antrinių masyvų masyvą, kuriame yra nurodyto objekto raktų ir reikšmių poros.

Sintaksė
Ši sintaksė naudojama norint gauti objekto įrašus sukant objektą:

Objektas . įrašų ( objektas )

Pavyzdys
Iškvieskite objekto metodą Object.entries() norėdami gauti visus objekto įrašus:

konst objĮrašai = Objektas . įrašų ( objektas ) ;

Išvestis

Surinkome visą reikalingą informaciją, reikalingą norint pereiti paprastus „JavaScript“ objektus su objektais kaip nariais.

Išvada

Norėdami peržiūrėti paprastą / paprastą JavaScript objektą, naudokite ' for-in 'kilpa', ' Object.keys() 'metodas', ' Object.values() “ metodas arba „ Objektas.įrašai() “ metodas. For-in ciklas ir Object.entries() metodas naudojami norint gauti visas objekto raktų ir verčių poras, o Object.keys() naudojamas raktams gauti, o Object.values() – objekto reikšmėms gauti. objektas. Ši pamoka parodė skirtingus būdus, kaip pereiti per paprastą „JavaScript“ objektą.