Jak používat pole objektů JSON v JavaScriptu

Jak Pouzivat Pole Objektu Json V Javascriptu



JavaScript Object Notation (JSON) je dobře známý formát pro ukládání dat a výměnu mezi klienty a servery. JavaScript poskytuje prostředí pro provádění manipulace s poli prostřednictvím objektů JSON. Tímto způsobem mohou uživatelé upravovat a zobrazovat informace uložené v poli. V tomto tutoriálu se naučíte používat pole pro různé účely pomocí a JSON objekt.

Tato příručka obsahuje následující obsah:

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.