Táto príručka obsahuje nasledujúci obsah:
- Ako používať pole objektov JSON v JavaScripte
- Príklad 1: Vytvorenie poľa objektov JSON
- Príklad 2: Prístup k poľu JSON objektov
- Príklad 3: Pridajte alebo odstráňte pole objektov JSON
Ako používať pole objektov JSON v JavaScripte?
Objekt JSON je v podstate objekt založený na JavaScripte. Tieto objekty možno použiť na prístup k vlastnostiam poľa. Po prístupe môžu používatelia pridávať, odstraňovať alebo upravovať vlastnosti v existujúcom poli. Okrem toho sa metóda stringify() používa na konverziu reťazca JSON na pole objektov JSON. Týmto spôsobom sa metódy push() a pop() využívajú na vykonávanie manipulácie s poľom.
Príklad 1: Vytvorenie poľa objektov JSON v JavaScripte
Príkladom je vytvorenie poľa objektov JSON pomocou JavaScriptu. Kód je napríklad uvedený nižšie.
kód
konšt učiteľ = {
'Názov' : 'Harry' , 'predmet' : 'Angličtina' ,
'Vek' : '35'
} ;
konzoly. log ( učiteľ ) ;
V tomto kóde pole „ učiteľ “ sa vytvára definovaním vlastností, ako napríklad „ názov “, “ Predmet “ a „ Vek “.
Potom rôzne hodnoty ako „ Harry “, “ Angličtina “ a „ 35 ” sú priradené k vyššie uvedeným vlastnostiam. Nakoniec zobrazte pole „ učiteľ “zamestnaním console.log() metóda.
Výkon
Výstup zobrazuje „ učiteľ ” pole objektov JSON v okne konzoly.
Príklad 2: Prístup k poľu JSON objektov v JavaScripte
Príkladom je prístup k vlastnostiam prvkov poľa v JavaScripte.
kód
konzoly. log ( 'Príklad použitia poľa podľa objektu JSON' ) ;konšt učiteľ = {
'Názov' : 'Harry' , 'predmet' : 'Angličtina' ,
'Vek' : '35'
} ;
konšt objArr = učiteľ => {
konšt arr = [ ] ;
konšt kľúče = Objekt . kľúče ( učiteľ ) ;
pre ( nech x = 0 ; X < kľúče. dĺžka ; X ++ ) {
arr. TLAČIŤ ( učiteľ [ kľúče [ X ] ] ) ;
} ;
vrátiť arr ;
} ;
konzoly. log ( objArr ( učiteľ ) ) ;
Popis kódu:
- Pole “ učiteľ “ sa inicializuje definovaním “ názov “, “ Predmet “ a „ Vek vlastnosti.
- Týmto vlastnostiam sú priradené rôzne hodnoty, ako napríklad „ Harry “, “ Angličtina “ a „ 35 “.
- Po tom, a JSON objekt' objArr ” sa používa na prístup k vlastnostiam prvkov a vrátenie nového poľa.
- Vnútri ' objArr ”, používa sa cyklus for, ktorý vkladá hodnoty vlastností pomocou TLAČIŤ() metóda.
- Cyklus sa vykonáva, kým nie sú zadané všetky hodnoty vlastností do „ arr pole.
- Nakoniec, objArr(učiteľ) sa používa na zobrazenie hodnôt vlastností.
Výkon
Výstup zobrazuje rôzne hodnoty „Harry“, „Angličtina“ a „35“ priradením vlastností v JavaScripte.
Príklad 3: Pridajte alebo odstráňte pole objektov JSON v JavaScripte
Príklad je prispôsobený na pridávanie a odstraňovanie poľa prvkov pomocou objektu JSON v JavaScripte.
kód
konzoly. log ( 'Príklad použitia poľa podľa objektu JSON' ) ;bol arrObj = [ { 'ovocie' : 'jablko' } , { 'ovocie' : 'banán' } ] ;
konzoly. log ( JSON. stringify ( arrObj ) ) ;
arrObj. TLAČIŤ ( { 'ovocie' : 'oranžový' } ) ;
konzoly. log ( JSON. stringify ( arrObj ) ) ;
arrObj. pop ( ) ;
konzoly. log ( JSON. stringify ( arrObj ) ) ;
Popis kódu je nasledovný:
- Pole objektov JSON “ arrObj “ sa inicializuje dvoma vlastnosťami ovocia.
- Po tom, JSON.stringify() metóda sa používa na prevod hodnoty JavaScript na reťazce JSON.
- The arrObj.push() metóda vloží prvok odovzdaním hodnoty „ ovocie “: “ Oranžová “do poľa.
- Po tom, arrObj.pop() metóda odstráni nedávno zadaný prvok z poľa.
- Nakoniec zobrazte pole objektov JSON “ arrObj “zamestnaním console.log() metóda.
Výkon
Výstup zobrazuje vyššie uvedené spustenie kódu pridaním a odstránením prvkov poľa “ ovocie “: “ Oranžová ” cez objekty JSON.
Záver
V tomto článku objekty JSON sa používajú na prístup a úpravu prvkov poľa v JavaScript.
Na tento účel je uvedený prehľad s dvoma praktickými príkladmi. V prvom príklade objekty JSON pristupovali k vlastnostiam poľa a zobrazovali ich na konzole. V druhom príklade je to vstavaná metóda, stringify() , sa používa na pridávanie a odstraňovanie vlastností v poli. Na základe tohto článku môžu používatelia pridávať, odstraňovať alebo upravovať vlastnosti poľa pomocou objektov JSON.