Ez az útmutató a következő tartalommal szolgál:
- A JSON-objektumok tömbjének használata JavaScriptben
- 1. példa: JSON-objektumok tömbjének létrehozása
- 2. példa: A JSON-objektumok tömbjének elérése
- 3. példa: JSON-objektumok tömbjének hozzáadása vagy törlése
Hogyan használhatjuk a JSON-objektumok tömbjét a JavaScriptben?
A JSON-objektum alapvetően egy JavaScript-alapú objektum. Ezek az objektumok egy tömb tulajdonságainak elérésére használhatók. A hozzáférés után a felhasználók hozzáadhatják, törölhetik vagy módosíthatják a meglévő tömb tulajdonságait. Ezenkívül a stringify() metódus a JSON-karakterlánc JSON-objektumok tömbjévé való konvertálására szolgál. Ily módon a push() és pop() metódusok a tömb manipulálására használhatók.
1. példa: JSON-objektumok tömbjének létrehozása JavaScriptben
Egy példa JSON-objektumok tömbjének létrehozására a JavaScript használatával. Például a kód alább található.
Kód
const tanár = {
'Név' : 'Harry' , 'Tantárgy' : 'Angol' ,
'kor' : '35'
} ;
konzol. log ( tanár ) ;
Ebben a kódban egy tömb ' tanár ” olyan tulajdonságok meghatározásával jön létre, mint például „ Név ”, „ Tantárgy ”, és „ kor ”.
Ezt követően különböző értékek, mint pl. Harry ”, „ angol ”, és „ 35 ” vannak hozzárendelve a fenti tulajdonságokhoz. A végén jelenítse meg a 'tömböt' tanár ” alkalmazásával a console.log() módszer.
Kimenet
A kimeneten a „ tanár ” JSON-objektumok tömbje a konzolablakban.
2. példa: A JSON-objektumok tömbjének elérése JavaScriptben
Egy példa a tömbelemek tulajdonságainak eléréséhez JavaScriptben.
Kód
konzol. log ( 'Példa a JSON-objektum tömb használatára' ) ;const tanár = {
'Név' : 'Harry' , 'Tantárgy' : 'Angol' ,
'kor' : '35'
} ;
const objArr = tanár => {
const arr = [ ] ;
const kulcsok = Tárgy . kulcsok ( tanár ) ;
számára ( legyen x = 0 ; x < kulcsok. hossz ; x ++ ) {
arr. nyom ( tanár [ kulcsok [ x ] ] ) ;
} ;
Visszatérés arr ;
} ;
konzol. log ( objArr ( tanár ) ) ;
A kód leírása:
- Egy tömb ' tanár ' inicializálása a '' definiálásával történik Név ”, „ Tantárgy ”, és „ kor ” tulajdonságait.
- Ezek a tulajdonságok különböző értékekhez vannak rendelve, például ' Harry ”, „ angol ”, és „ 35 ”.
- Ezt követően a JSON tárgy ' objArr ” az elemek tulajdonságainak eléréséhez és egy új tömb visszaadásához használható.
- Benne ' objArr ”, egy for ciklust használunk, amely beszúrja a tulajdonságértékeket a nyom() módszer.
- A ciklus addig hajtódik végre, amíg az összes tulajdonságérték be nem kerül a „ arr ” tömböt.
- A végén a objArr (tanár) a tulajdonságértékek megjelenítésére szolgál.
Kimenet
A kimenet különböző értékeket jelenít meg: „Harry”, „English” és „35” JavaScript-tulajdonságok hozzárendelésével.
3. példa: JSON-objektumok tömbjének hozzáadása vagy törlése JavaScriptben
Egy példa adaptálva van az elemek tömbjének hozzáadására és törlésére a JavaScript JSON-objektum használatával.
Kód
konzol. log ( 'Példa a tömb használatára JSON-objektum által' ) ;volt arrObj = [ { 'gyümölcs' : 'Alma' } , { 'gyümölcs' : 'Banán' } ] ;
konzol. log ( JSON. szigorít ( arrObj ) ) ;
arrObj. nyom ( { 'gyümölcs' : 'Narancssárga' } ) ;
konzol. log ( JSON. szigorít ( arrObj ) ) ;
arrObj. pop ( ) ;
konzol. log ( JSON. szigorít ( arrObj ) ) ;
A kód leírása a következő:
- JSON objektumok tömbje ' arrObj ” két gyümölcs tulajdonsággal inicializálódik.
- Ezt követően a JSON.stringify() metódust használják a JavaScript érték JSON karakterláncokká konvertálására.
- Az arrObj.push() metódus beszúr egy elemet a ' érték átadásával gyümölcs ':' narancssárga ” a tömbbe.
- Ezt követően a arrObj.pop() metódus eltávolítja a nemrég bevitt elemet a tömbből.
- A végén jelenítse meg a JSON-objektumok tömbjét ' arrObj ” alkalmazásával a console.log() módszer.
Kimenet
A kimenet a fenti kódvégrehajtást mutatja a tömbelemek hozzáadásával és eltávolításával ' gyümölcs ':' narancssárga ” a JSON-objektumokon keresztül.
Következtetés
Ebben a cikkben, JSON objektumok egy tömb elemeinek elérésére és módosítására használhatók JavaScript.
Ehhez egy áttekintést nyújtunk két gyakorlati példával. Az első példában a JSON-objektumok hozzáfértek a tömb tulajdonságaihoz, és megjelenítették azokat a konzolon. A második példában egy beépített módszer, stringify() , tulajdonságok hozzáadására és törlésére szolgál a tömbben. E cikk alapján a felhasználók JSON-objektumok segítségével adhatnak hozzá, törölhetnek vagy módosíthatnak egy tömb tulajdonságait.