Questa guida serve i seguenti contenuti:
- Come utilizzare una matrice di oggetti JSON in JavaScript
- Esempio 1: creazione di un array di oggetti JSON
- Esempio 2: accesso all'array di oggetti JSON
- Esempio 3: aggiungi o elimina l'array di oggetti JSON
Come utilizzare una matrice di oggetti JSON in JavaScript?
L'oggetto JSON è fondamentalmente un oggetto basato su JavaScript. Questi oggetti possono essere utilizzati per accedere alle proprietà di un array. Dopo l'accesso, gli utenti possono aggiungere, eliminare o modificare le proprietà nell'array esistente. Inoltre, il metodo stringify() viene utilizzato per convertire la stringa JSON in un array di oggetti JSON. In questo modo, i metodi push() e pop() vengono utilizzati per eseguire manipolazioni sull'array.
Esempio 1: creazione di un array di oggetti JSON in JavaScript
Viene considerato un esempio per la creazione di una matrice di oggetti JSON utilizzando JavaScript. Ad esempio, il codice è fornito di seguito.
Codice
cost insegnante = {
'Nome' : 'Harry' , 'Materia' : 'Inglese' ,
'età' : '35'
} ;
consolle. tronco d'albero ( insegnante ) ;
In questo codice, un array ' insegnante ” viene creato definendo proprietà come “ Nome ”, “ Materia ', e ' età ”.
Successivamente, valori diversi come ' Harry ”, “ inglese ', e ' 35 ” sono assegnati alle proprietà di cui sopra. Alla fine, mostra l'array ' insegnante ” impiegando il console.log() metodo.
Produzione
L'output mostra il ' insegnante ” array di oggetti JSON nella finestra della console.
Esempio 2: accesso all'array di oggetti JSON in JavaScript
Viene considerato un esempio per accedere alle proprietà degli elementi dell'array in JavaScript.
Codice
consolle. tronco d'albero ( 'Un esempio per utilizzare l'array per oggetto JSON' ) ;cost insegnante = {
'Nome' : 'Harry' , 'Materia' : 'Inglese' ,
'età' : '35'
} ;
cost objArr = insegnante => {
cost arr = [ ] ;
cost chiavi = Oggetto . chiavi ( insegnante ) ;
per ( lascia x = 0 ; X < chiavi. lunghezza ; X ++ ) {
arr. spingere ( insegnante [ chiavi [ X ] ] ) ;
} ;
Restituzione arr ;
} ;
consolle. tronco d'albero ( objArr ( insegnante ) ) ;
La descrizione del codice:
- Un array ' insegnante ” viene inizializzato definendo “ Nome ”, “ Materia ', e ' età ' proprietà.
- A queste proprietà vengono assegnati valori diversi, come ' Harry ”, “ inglese ', e ' 35 ”.
- Dopo di che, un JSON oggetto “ objArr ” viene utilizzato per accedere alle proprietà degli elementi e restituire un nuovo array.
- Dentro il ' objArr ”, viene utilizzato un ciclo for che inserisce i valori della proprietà utilizzando il spingere() metodo.
- Il ciclo viene eseguito finché tutti i valori della proprietà non vengono immessi nel ' arr ' Vettore.
- Alla fine, il objArr(insegnante) viene utilizzato per visualizzare i valori delle proprietà.
Produzione
L'output mostra diversi valori, 'Harry', 'Inglese' e '35', assegnando proprietà in JavaScript.
Esempio 3: aggiungi o elimina l'array di oggetti JSON in JavaScript
Un esempio è adattato per aggiungere ed eliminare l'array di elementi utilizzando un oggetto JSON in JavaScript.
Codice
consolle. tronco d'albero ( 'Un esempio per utilizzare l'array per oggetto JSON' ) ;era arrObj = [ { 'frutta' : 'Mela' } , { 'frutta' : 'Banana' } ] ;
consolle. tronco d'albero ( JSON. stringere ( arrObj ) ) ;
arrObj. spingere ( { 'frutta' : 'Arancia' } ) ;
consolle. tronco d'albero ( JSON. stringere ( arrObj ) ) ;
arrObj. pop ( ) ;
consolle. tronco d'albero ( JSON. stringere ( arrObj ) ) ;
La descrizione del codice è la seguente:
- Un array di oggetti JSON ' arrObj ” viene inizializzato con due proprietà di frutta.
- Dopo di che, il JSON.stringify() viene utilizzato per convertire il valore JavaScript in stringhe JSON.
- Il arrObj.push() il metodo inserisce un elemento passando il valore di “ frutta ”: “ Arancia ” nell'array.
- Dopo di che, il arrObj.pop() il metodo rimuove l'elemento inserito di recente dall'array.
- Alla fine, mostra l'array di oggetti JSON ' arrObj ” impiegando il console.log() metodo.
Produzione
L'output mostra l'esecuzione del codice sopra aggiungendo e rimuovendo gli elementi dell'array ' frutta ”: “ Arancia ” tramite gli oggetti JSON.
Conclusione
In questo articolo, Oggetti JSON vengono utilizzati per accedere e modificare gli elementi di un array in JavaScript.
Per questo, viene fornita una panoramica con due esempi pratici. Nel primo esempio, gli oggetti JSON accedevano alle proprietà dell'array e le visualizzavano sulla console. Nel secondo esempio, un metodo integrato, stringere() , viene utilizzato per aggiungere ed eliminare proprietà nell'array. In base a questo articolo, gli utenti possono aggiungere, eliminare o modificare le proprietà di un array utilizzando oggetti JSON.