Tato příručka obsahuje následující obsah:
- Jak používat pole objektů JSON v JavaScriptu
- Příklad 1: Vytvoření pole objektů JSON
- Příklad 2: Přístup k poli objektů JSON
- Příklad 3: Přidejte nebo odstraňte pole objektů JSON
Jak používat pole objektů JSON v JavaScriptu?
Objekt JSON je v podstatě objekt založený na JavaScriptu. Tyto objekty lze použít pro přístup k vlastnostem pole. Po přístupu mohou uživatelé přidávat, odstraňovat nebo upravovat vlastnosti ve stávajícím poli. Kromě toho se metoda stringify() používá pro převod řetězce JSON na pole objektů JSON. Tímto způsobem se k provádění manipulace s polem používají metody push() a pop().
Příklad 1: Vytvoření pole objektů JSON v JavaScriptu
Příkladem je vytvoření pole objektů JSON pomocí JavaScriptu. Kód je například uveden níže.
Kód
konst učitel = {
'Název' : 'Harry' , 'Předmět' : 'Angličtina' ,
'stáří' : '35'
} ;
řídicí panel. log ( učitel ) ;
V tomto kódu pole „ učitel ” je vytvořeno definováním vlastností, jako je např. název “, “ Předmět ', a ' stáří “.
Poté různé hodnoty jako „ Harry “, “ Angličtina ', a ' 35 ” jsou přiřazeny k výše uvedeným vlastnostem. Nakonec zobrazte pole „ učitel ” tím, že zaměstnává console.log() metoda.
Výstup
Výstup zobrazuje „ učitel ” pole objektů JSON v okně konzoly.
Příklad 2: Přístup k poli objektů JSON v JavaScriptu
Příkladem je přístup k vlastnostem prvků pole v JavaScriptu.
Kód
řídicí panel. log ( 'Příklad použití Array by JSON Object' ) ;konst učitel = {
'Název' : 'Harry' , 'Předmět' : 'Angličtina' ,
'stáří' : '35'
} ;
konst objArr = učitel => {
konst arr = [ ] ;
konst klíče = Objekt . klíče ( učitel ) ;
pro ( nechť x = 0 ; X < klíče. délka ; X ++ ) {
arr. TLAČIT ( učitel [ klíče [ X ] ] ) ;
} ;
vrátit se arr ;
} ;
řídicí panel. log ( objArr ( učitel ) ) ;
Popis kódu:
- Pole ' učitel “ je inicializováno definováním “ název “, “ Předmět ', a ' stáří vlastnosti.
- Těmto vlastnostem jsou přiřazeny různé hodnoty, např. Harry “, “ Angličtina ', a ' 35 “.
- Poté, a JSON objekt' objArr ” se používá pro přístup k vlastnostem prvků a vrácení nového pole.
- Uvnitř ' objArr ”, používá se smyčka for, která vkládá hodnoty vlastnosti pomocí TLAČIT() metoda.
- Cyklus se provádí, dokud nejsou všechny hodnoty vlastností zadány do „ arr pole.
- Nakonec objArr (učitel) se používá k zobrazení hodnot vlastností.
Výstup
Výstup zobrazuje různé hodnoty „Harry“, „Angličtina“ a „35“ přiřazením vlastností v JavaScriptu.
Příklad 3: Přidejte nebo odstraňte pole objektů JSON v JavaScriptu
Příklad je přizpůsoben k přidávání a odstraňování pole prvků pomocí objektu JSON v JavaScriptu.
Kód
řídicí panel. log ( 'Příklad použití Array by JSON Object' ) ;byl arrObj = [ { 'ovoce' : 'Jablko' } , { 'ovoce' : 'Banán' } ] ;
řídicí panel. log ( JSON. provázat ( arrObj ) ) ;
arrObj. TLAČIT ( { 'ovoce' : 'Oranžový' } ) ;
řídicí panel. log ( JSON. provázat ( arrObj ) ) ;
arrObj. pop ( ) ;
řídicí panel. log ( JSON. provázat ( arrObj ) ) ;
Popis kódu je následující:
- Pole objektů JSON “ arrObj “ je inicializován dvěma vlastnostmi ovoce.
- Poté, JSON.stringify() metoda se používá k převodu hodnoty JavaScriptu na řetězce JSON.
- The arrObj.push() metoda vloží prvek předáním hodnoty „ ovoce “: “ oranžový “ do pole.
- Poté, arrObj.pop() metoda odstraní nedávno zadaný prvek z pole.
- Nakonec zobrazte pole objektů JSON “ arrObj ” tím, že zaměstnává console.log() metoda.
Výstup
Výstup zobrazuje výše uvedené spuštění kódu přidáním a odebráním prvků pole “ ovoce “: “ oranžový ” prostřednictvím objektů JSON.
Závěr
V tomto článku, objekty JSON se používají k přístupu a úpravě prvků pole v JavaScript.
K tomu je uveden přehled se dvěma praktickými příklady. V prvním příkladu objekty JSON přistupovaly k vlastnostem pole a zobrazovaly je na konzole. Ve druhém příkladu je vestavěná metoda, stringify() , se používá pro přidávání a odstraňování vlastností v poli. Na základě tohoto článku mohou uživatelé přidávat, odstraňovat nebo upravovat vlastnosti pole pomocí objektů JSON.