JSON Array Literals | Spiegato

Un elenco di espressioni che rappresentano elementi di array specificati in una coppia di parentesi quadrate si chiama JSON Array Letterale. Quando si crea un array utilizzando un letterale dell'array JSON, i valori del letterale dell'array JSON vengono aggiunti come elementi dell'array e la sua lunghezza è impostata in base al numero di argomenti passati.

Questo articolo spiegherà le letterali JSON Array e il suo utilizzo con l'aiuto di esempi appropriati. Quindi iniziamo!

Cos'è JSON Array Letterale?

Un array all'interno di una corda JSON è noto come un array letterale. È lo stesso degli array in JavaScript, tuttavia può contenere solo numeri, stringhe, booleani, array, oggetti e valori nulli tranne funzioni, espressioni, date e array non definiti.

Una stringa JSON:

jstrostring = '["Apple", "mango", "arancion"]';

Un array letterale nella stringa JSON:

MyArray = ["Apple", "Mango", "Orange"];

Creazione di una stringa JSON da un array

JavaScript ti consente di creare una stringa JSON da un array. A tale scopo, devi dichiarare un array JavaScript e quindi stringere l'array per creare una stringa JSON.

Esempio: come creare una stringa JSON da un array
Nell'esempio seguente, creeremo un array chiamato "myarray"Avere tre valori di stringa"Mela","Mango", E "Arancia":

const myArray = ["Apple", "Mango", "Orange"];
console.log (myarray);

È possibile utilizzare qualsiasi sandbox di codifica online o il tuo editor di codice preferito per l'esecuzione del programma JavaScript fornito; Tuttavia, useremo il codice Visual Studio:

Dopo aver aggiunto il codice nel nostro "indice.html", Lo eseguiremo con il"Server epatico"VS Extension Code:

L'output mostra gli elementi del nostro JavaScript "myarray":

Ora, per convertire l'array nella stringa JSON, JSON.Il metodo Stringify () verrà utilizzato come mostrato nello snippet di codice fornito di seguito:

Let ArrayLiteral = JSON.Stringify (myArray);

Mostriamo la "arrayliteral" nella console insieme al suo tipo variabile usando il tipo di() metodo per verificare se l'array viene convertito in formato stringa o meno.

console.registro (arrayliteral);
console.log (typeof (arrayliteral));

Lo snippet di codice completo andrebbe così:

const myArray = ["Apple", "Mango", "Orange"];
console.log (myarray);
console.log (typeof (myarray));
Let ArrayLiteral = JSON.Stringify (myArray);
console.registro (arrayliteral);
console.log (typeof (arrayliteral));

L'output dello snippet di codice sopra nella console sarà:

L'output verifica che l'array sia stringa correttamente.

Nota: Il tipo di array variabile è "oggetto" in JavaScript. Per ulteriori dettagli, leggi la sezione del nostro articolo dedicato sugli array.

Creazione di un array analizzando JSON String

Un altro metodo per la creazione di un array JavaScript è quello di analizzare una stringa JSON e archiviare il suo risultato in esso. In questo caso, devi utilizzare il "JSON.parse ()"Metodo per analizzare la stringa JSON aggiunta nel tipo di dati richiesto.

Esempio: come creare un array analizzando la stringa JSON
Prima di tutto, definiremo un "myjson"String con i seguenti tre valori:

const myjson = '["cat", "coniglio", "piccione"]';

Nel prossimo passaggio, analizzeremo il "myjson”Stringa invocando il"JSON.parse ()" metodo. I valori restituiti con il metodo specificato verranno archiviati in "myarray":

Esegui il programma di cui sopra e controlla il suo output:

Dopo aver analizzato la stringa JSON in un array, puoi anche accedere a un elemento di array utilizzando il suo indice. Ad esempio, se vogliamo ottenere il primo elemento di "myarray“, Quindi aggiungeremo la seguente riga nel nostro programma JavaScript:

console.log (MyArray [1]);

L'uscita verrà visualizzata "Coniglio"Come è l'elemento presente al primo indice di"myarray":

Attraversare il letterale del JSON Array

Se vuoi passare attraverso i valori di JSON Array Letterale, allora la prima cosa che devi fare è convertire la stringa JSON in un array e usare "per ... in" O "per"JavaScript Loops per l'iterazione.

Esempio: come loop attraverso l'array JSON Letterale usando per ... in loop
In questo esempio, utilizzeremo il "per ... in"Loop per looping attraverso l'array JSON aggiunto letterale. Ma prima che analizzeremo il nostro "myjson”Stringa in"myobj"Con l'aiuto del"JSON.parse ()" metodo:

const myjson = '"nome": "Alex", "Age": 25, "Hobbys": ["Painting", "Gardening", "Gaming"]';
const myobj = json.Parse (Myjson);

Successivamente, dichiareremo una stringa vuota "informazioni". Dopo averlo fatto, ci passeremo attraverso le letterali di Ancora Json aggiungendo un "per ... in" ciclo continuo. Il risultato di ogni iterazione verrà aggiunto a "informazioni":

let info = "";
per (lascia che io in myobj.hobby)
info += myobj.Hobbys [i] + ",";

console.log (info);

Esempio: looping attraverso l'array JSON Letterale usando per loop
In caso di utilizzo "per"Loop, devi aggiungere il seguente codice nel tuo"indice.html" file:

per (let i = 0; i < myObj.hobbies.length; i++)
info += myobj.Hobbys [i] + ",";

console.log (info);

L'output di cui sopra significa che abbiamo fatto il giro con successo attraverso il JSON Array Letterale con il "per" ciclo continuo.

Conclusione

Ogni stringa JSON ha un letterale dell'array JSON che comprende alcuni valori. I valori aggiunti nella stringa JSON Letterale possono essere numero, stringa, booleano o null. I valori letterali dell'array JSON devono essere racchiusi tra parentesi quadrate [] e separate con una virgola. Questo articolo ha spiegato i letterali dell'array JSON e il loro utilizzo in dettaglio con l'aiuto di esempi adatti.