JSON Array Literals | Forklart

En liste over uttrykk som representerer matriseelementer som er spesifisert i et par firkantede parentes. Når du oppretter en matrise ved å bruke en JSON -matrise -bokstavelig, blir verdiene til JSON -arrayen bokstavelig lagt til som matriseelementer, og lengden er satt i henhold til antall beståtte argumenter.

Denne oppskrivningen vil forklare JSON-matrisen bokstavelig og bruken av den ved hjelp av passende eksempler. Så la oss starte!

Hva er JSON -matrise bokstavelig?

En matrise inne i en JSON -streng er kjent som en gruppe bokstavelig. Det er det samme som matriser i JavaScript, men det kan bare inneholde tall, strenger, booleanere, matriser, objekter og nullverdier unntatt funksjoner, uttrykk, datoer og udefinert som matriser.

En JSON -streng:

jsonstring = '["eple", "mango", "oransje"]';

En matrise bokstavelig i JSON -streng:

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

Opprette en JSON -streng fra en matrise

JavaScript tillater deg å lage en JSON -streng fra en matrise. For dette formålet må du erklære en JavaScript -matrise og deretter strenge matrisen for å lage en JSON -streng.

Eksempel: Hvordan lage en JSON -streng fra en matrise
I det undergitte eksemplet vil vi lage en matrise som heter “MyArray”Å ha tre strengverdier”eple”,“Mango”, Og“oransje”:

const myArray = ["eple", "mango", "oransje"];
konsoll.Logg (MyArray);

Du kan bruke hvilken som helst online kodende sandkasse eller din favorittkodeditor for å utføre det medfølgende JavaScript -programmet; Vi vil imidlertid bruke Visual Studio -koden:

Etter å ha lagt til koden i vår “indeks.html”, Vi vil utføre den med“Leverserver”VS -kodeforlengelse:

Utgangen viser elementene i vår JavaScript “MyArray”:

Nå, for å konvertere matrisen til JSON -strengen, JSON.Stringify () -metoden vil bli brukt som vist i kodebiten gitt nedenfor:

La ArrayLiteral = JSON.Stringify (MyArray);

La oss vise "ArrayLiteral" i konsollen sammen med dens variabel -type ved å bruke typeof () metode for å bekrefte om matrisen blir konvertert til strengformat eller ikke.

konsoll.Logg (ArrayLiteral);
konsoll.logg (typeof (ArrayLiteral));

Det komplette kodebiten vil gå slik:

const myArray = ["eple", "mango", "oransje"];
konsoll.Logg (MyArray);
konsoll.logg (typeof (myarray));
La ArrayLiteral = JSON.Stringify (MyArray);
konsoll.Logg (ArrayLiteral);
konsoll.logg (typeof (ArrayLiteral));

Utgangen fra ovennevnte kodebit i konsollen vil være:

Utgangen verifiserer at matrisen er strenget med hell.

Merk: Den variable arrayen er “Objekt” i JavaScript. For ytterligere detaljer, les vår dedikerte artikkelavsnitt om matriser.

Opprette en matrise ved å analysere JSON -streng

En annen metode for å lage en JavaScript -matrise er å analysere en JSON -streng og lagre resultatet i den. I dette tilfellet må du bruke "JSON.parse ()”Metode for å analysere den ekstra JSON -strengen i den nødvendige datatypen.

Eksempel: Hvordan lage en matrise ved å analysere JSON -streng
Først av alt vil vi definere en "Myjson”Streng med følgende tre verdier:

const myjson = '["katt", "kanin", "due"]';

I neste trinn vil vi analysere “Myjson”Streng ved å påkalle“JSON.parse ()”Metode. Verdiene som returneres av den spesifiserte metoden vil bli lagret i “MyArray”:

Utfør ovennevnte program, og sjekk ut utdataene:

Etter å ha analysert JSON -strengen til en matrise, kan du også få tilgang til et matriseelement ved å bruke indeksen. For eksempel, hvis vi ønsker å få det første elementet i "MyArray“Så vil vi legge til følgende linje i vårt JavaScript -program:

konsoll.Logg (MyArray [1]);

Utgangen vises “Kanin”Som det er elementet som er til stede ved den første indeksen av“MyArray”:

Looping gjennom JSON -matrisen bokstavelig

Hvis du vil sløyfe gjennom verdiene til JSON -array bokstavelig, er det første du må gjøre å konvertere JSON -strengen til en matrise og bruke "for i”Eller“til”JavaScript -løkker for iterasjonen.

Eksempel: Hvordan sløyfe gjennom JSON -arrayen bokstavelig bruk for ... i loop
I dette eksemplet vil vi bruke "for i”Loop for looping gjennom den ekstra JSON -arrayen bokstavelig. Men før, at vi vil analysere våre “Myjson”Streng inn i“myobj”Ved hjelp av“JSON.parse ()”Metode:

const myjson = '"name": "alex", "alder": 25, "hobbyer": ["maleri", "hagearbeid", "gaming"]';
const myobj = json.parse (Myjson);

Deretter vil vi erklære en tom streng "info”. Etter å ha gjort det, vil vi sløyfe gjennom parse JSON -arrayen bokstavelig ved å legge til en "for i" Løkke. Resultatet av hver iterasjon vil bli lagt til "info”:

La info = "";
for (la jeg i myobj.hobbyer)
info += myobj.hobbyer [i] + ",";

konsoll.logg (info);

Eksempel: looping gjennom JSON -arrayen bokstavelig bruk for loop
I tilfelle å bruke “til”Loop, du må legge til følgende kode i“indeks.html”Fil:

for (la i = 0; i < myObj.hobbies.length; i++)
info += myobj.hobbyer [i] + ",";

konsoll.logg (info);

Den ovennevnte utgangen betyr at vi med hell har slått gjennom JSON-arrayen bokstavelig med "til" Løkke.

Konklusjon

Hver JSON -streng har en JSON -matrise bokstavelig som omfatter noen verdier. Verdiene som er lagt til i JSON -strengen bokstavelig kan være nummer, streng, boolsk eller null. JSON -matrisen bokstavelige verdier må være vedlagt i firkantede parenteser [] og atskilt med komma. Denne oppskrivningen forklarte JSON-array-bokstavene og bruken av dem i detalj ved hjelp av passende eksempler.