Converteer JSON naar Array/map – JavaScript

Converteer Json Naar Array Map Javascript



JSON, ook bekend als ' JavaScript-objectnotatie ”, wordt vaak gebruikt voor het verzenden van gegevens tussen een server en een webapplicatie. JSON is een eenvoudig op tekst gebaseerd formaat dat eenvoudig kan worden verwerkt en omgezet in JavaScript-objecten zoals arrays, kaarten, enzovoort.

Deze zelfstudie illustreert de manieren om JSON naar een array en kaart in JavaScript te converteren.

Hoe JSON naar JavaScript-array te converteren?

Om JSON naar een array te converteren, gebruikt u de ' JSON.parse() ” methode. Deze methode wordt gebruikt voor het converteren van de JSON-tekenreeks naar een object. Voor het converteren van de JSON-tekenreeks naar een array, zullen we eerst de tekenreeks naar een object converteren en vervolgens de ' duw() ” methode voor het toevoegen van waarden in een lege array.







Syntaxis



Gebruik de volgende methode voor de methode 'JSON.parse()':



JSON. ontleed ( JSONString ) ;

Het accepteert een JSON-string als invoer en geeft een object als uitvoer.





Voorbeeld

Maak een JSON-string met de naam ' strJSON ”:



was strJSON = '{'name': 'Paul', 'age': '32', 'Aanwijzing': 'HR'}' ;

Roep de methode 'JSON.parse()' aan door de JSON-tekenreeks door te geven als een argument dat deze omzet in een object:

was objJSON = JSON. ontleed ( strJSON ) ;

Maak een lege array met de naam ' arrayJSON ”:

was arrayJSON = [ ] ;

Herhaal het geconverteerde object met de naam ' objJSON ' en duw de waarden tegen elke toets naar de array met behulp van de ' duw() ” methode:

voor ( was i in objJSON ) {
arrayJSON. duw ( objJSON [ i ] ) ;
}

Druk ten slotte de array op de console af:

troosten. loggen ( arrayJSON ) ;

Het is te zien dat de JSON met succes is geconverteerd naar een array:

Hoe JSON naar kaart in JavaScript te converteren?

Gebruik de ' Kaart() ” constructeur met de “ Object.entries() ' En ' JSON.parse() ” methoden. De methode 'JSON.parse()' converteert de tekenreeks naar een object, terwijl de methode 'Object.entries()' een reeks sleutel-waardeparen van het geconverteerde object geeft. De constructor 'Map' maakt een nieuw Map-object uit de reeks ingangen.

Syntaxis

Gebruik de gegeven syntaxis voor het converteren van JSON naar map in JavaScript:

nieuw Kaart ( Voorwerp . inzendingen ( JSON. ontleed ( objJSON ) ) ) ;

Voorbeeld

Roep de constructor 'Map()' aan met de methode 'Object.entries()' en 'JSON.parse()' door de JSON-tekenreeks als argument door te geven:

const mapJSON = nieuw Kaart ( Voorwerp . inzendingen ( JSON. ontleed ( objJSON ) ) ) ;

Print de kaart op de console met ' console.log() ” methode:

troosten. loggen ( mapJSON ) ;

Uitgang

We hebben alle benodigde informatie verstrekt met betrekking tot de conversie van JSON naar array/map in JavaScript.

Conclusie

Gebruik voor het converteren van JSON naar een array de ' JSON.parse() ” methode met de “ duw() ' methode en om JSON naar een kaart te converteren, gebruikt u de ' Kaart() ” constructeur met de “ Object.entries() ' En ' JSON.parse() ” methode. De methode JSON.parse() is de sleutelmethode voor conversie, aangezien deze de JSON-tekenreeks naar een object converteert. Deze tutorial illustreerde de methoden om JSON naar een array en kaart in JavaScript te converteren.