Come usare l'array di oggetti JSON in JavaScript

JavaScript Object Notation (JSON) è il formato ben noto per l'archiviazione dei dati e lo scambio tra client e server. JavaScript fornisce un ambiente per eseguire la manipolazione con array tramite gli oggetti JSON. In questo modo, gli utenti possono modificare e visualizzare le informazioni archiviate nell'array. In questo tutorial, imparerai come utilizzare l'array per scopi diversi da a JSON oggetto.

Questa guida serve i seguenti contenuti:

• Come usare l'array di oggetti JSON in JavaScript
• Esempio 1: creazione di un array di oggetti JSON
• Esempio 2: accedere all'array di oggetti JSON
• Esempio 3: Aggiungi o elimina l'array di oggetti JSON

Come usare l'array 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 impiegato per convertire la stringa JSON in una serie di oggetti JSON. In questo modo, i metodi push () e pop () vengono utilizzati per eseguire la manipolazione sull'array.

Esempio 1: creazione di una matrice di oggetti JSON in JavaScript

Un esempio è considerato per la creazione di una serie di oggetti JSON utilizzando JavaScript. Ad esempio, il codice è fornito di seguito.

Codice

const insegnante =
"Nome": "Harry", "Oggetto": "English",
"Age": "35"
;
console.registro (insegnante);

In questo codice, un array "insegnante"È creato definendo proprietà come"Nome","Soggetto", E "età".

Dopodiché, valori diversi come "Harry","Inglese", E "35"Sono assegnati alle proprietà di cui sopra. Alla fine, visualizzare l'array "insegnante"Impiegando il console.tronco d'albero() 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

Un esempio è considerato per accedere alle proprietà degli elementi dell'array in JavaScript.

Codice

console.log ("Un esempio per usare Array by JSON Object");
const insegnante =
"Nome": "Harry", "Oggetto": "English",
"Age": "35"
;
const objarr = insegnante =>
const arr = [];
const keys = oggetto.tasti (insegnante);
per (let x = 0; x < keys.length; x++)
arr.push (insegnante [tasti [x]]);
;
restituire arr;
;
console.log (objarr (insegnante));

La descrizione del codice:

• Un array "insegnante"È inizializzato definendo"Nome","Soggetto", E "età" proprietà.
• A queste proprietà sono assegnati valori diversi, come "Harry","Inglese", E "35".
• Dopodiché a JSON oggetto "Objarr"Viene utilizzato per accedere alle proprietà degli elementi e restituire un nuovo array.
• Dentro il "Objarr", Viene utilizzato un ciclo per inserire i valori delle proprietà impiegando il spingere() metodo.
• Il ciclo viene eseguito fino a quando tutti i valori della proprietà non vengono inseriti nel "arr" vettore.
• Alla fine, il Objarr (insegnante) viene utilizzato per visualizzare i valori della proprietà.

Produzione

L'output mostra valori diversi, "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 usando un oggetto JSON in JavaScript.

Codice

console.log ("Un esempio per usare Array by JSON Object");
var arrobj = ["frutto": "mela", "frutto": "banana"];
console.Registro (JSON.stringify (arrobj));
Arrobj.push ("frutto": "arancione");
console.Registro (JSON.stringify (arrobj));
Arrobj.pop();
console.Registro (JSON.stringify (arrobj));

La descrizione del codice è la seguente:

• Una serie di oggetti JSON "Arrobj"È inizializzato con due proprietà di frutta.
• Dopodiché, il JSON.Stringify () Il metodo viene utilizzato per convertire il valore JavaScript in stringhe JSON.
• IL Arrobj.spingere() Il metodo inserisce un elemento passando il valore di "frutta":"Arancia"Nell'array.
• Dopodiché, il Arrobj.pop() Il metodo rimuove l'elemento recentemente inserito dall'array.
• Alla fine, visualizzare l'array di oggetti JSON "Arrobj"Impiegando il console.tronco d'albero() metodo.

Produzione

L'output mostra l'esecuzione del codice sopra aggiungendo e rimuovendo gli elementi dell'array "frutta":"Arancia"Attraverso 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 hanno avuto accesso alle proprietà dell'array e le hanno visualizzate sulla console. Nel secondo esempio, un metodo integrato, Stringify (), è impiegato per l'aggiunta e l'eliminazione delle proprietà nell'array. Sulla base di questo articolo, gli utenti possono aggiungere, eliminare o modificare le proprietà di un array utilizzando gli oggetti JSON.