Wat is JSON? Weet hoe het werkt met voorbeelden

Extensible Markup Language (XML) werd beschouwd als de enige keuze voor open data-uitwisseling. Door ontwikkelingen in het delen van open data zijn er echter meer mogelijkheden voor . Laten we dus in de volgende volgorde dieper ingaan op Wat is JSON en hoe verschilt het van JavaScript:

• Wat is JSON?
• Waarom gebruiken we JSON?
• JSON versus XML
• Syntaxisregels
• JSON Fundamentals
• Converteer JSON-object naar JS-tekst

Wat is JSON?

JavaScript-objectnotatie ( JSON ) is een manier om informatie op een georganiseerde en gemakkelijke manier op te slaan. De gegevens moeten in de vorm van een tekst zijn bij het uitwisselen tussen een browser en een server. U kunt elk JavaScript-object in JSON en stuur JSON naar de server.

U kunt ook elke JSON die u van de server ontvangt, converteren naar voorwerpen. Het helpt bij het werken met de gegevens als JavaScript-objecten, zonder ingewikkelde parsing en vertalingen.

Nu u weet wat JSON is, gaan we verder en kijken waarom we het moeten gebruiken en wat zijn de verschillende voordelen van het gebruik van JSON.

Waarom gebruiken we JSON?

JSON is lichtgewicht en makkelijk te gebruiken in vergelijking met andere opties voor open data-uitwisseling. Dat is echter niet de enige reden waarom u het zou moeten gebruiken voor uw API-integratie. Het heeft de voorkeur boven andere opties vanwege de volgende voordelen:

Minder uitgebreid - Het heeft een meer compacte stijl in vergelijking met XML. Dit maakt het beter leesbaar. De lichtgewicht aanpak van JSON kan aanzienlijke verbeteringen aanbrengen tijdens het werken met complexe systemen.

Sneller - Het XML-software-parseerproces is langzamer dan JSON. Dit komt doordat de DOM-manipulatiebibliotheken meer geheugen nodig hebben om grote XML-bestanden te verwerken. JSON aan de andere kant gebruikt minder gegevens wat de kosten verlaagt en de parseersnelheid .

Leesbaar - De structuur van JSON is rechtdoorzee en gemakkelijk leesbaar . U kunt gemakkelijker tijd toewijzen aan domeinobjecten, ongeacht de programmeertaal waarmee u werkt.

javascript verkrijg lengte van array

Gestructureerde gegevens - JSON gebruikt een kaart datastructuur terwijl XML een boomstructuur heeft. De sleutel- of waardeparen kunnen uw taak beperken, maar u krijgt een voorspelbaar en gemakkelijk te begrijpen gegevensmodel.

JSON versus XML

Beide XML en JSON worden tegenwoordig veel gebruikt. Zij zijn gebruikt als gegevensuitwisselingsformaten en beide zijn door toepassingen overgenomen als een manier om gestructureerde gegevens op te slaan. Laten we eens kijken naar de verschillen tussen de twee:

JSON-voorbeeld

{'medewerkers': [{'naam': 'Lisa', 'e-mail': 'lisa101@xyz.com'}, {'naam': 'Neil', 'e-mail': 'neilps@xyz.com'}, {'name': 'Jai', 'email': 'jai87@xyz.com'}]}

XML-voorbeeld

Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com

Syntaxisregels

De JSON syntaxis is een subgroep van de JavaScript syntaxis. De syntaxis is afgeleid van de JavaScript-objectnotatiesyntaxis en bestaat uit de volgende regels:

• Gegevens zijn geschreven in naam of waarde paren.
• Data is gescheiden door komma's.
• Krullend een beugel houd de voorwerpen.
• Vierkante haakjes houd de arrays.

De JSON-indeling lijkt sterk op JavaScript-objecten. Hier moeten sleutels strings zijn, geschreven met dubbele aanhalingstekens, zoals:

{'name': 'Susan'}

JSON Fundamentals

In JSON , waarden moet een van de volgende gegevenstypen zijn:

• Draad
• Aantal
• Object (JSON-object)
• Arrays
• Boolean
• Nul

Draad

In JSON , sleutels moeten tekenreeksen zijn, geschreven met dubbele aanhalingstekens:

{'name': 'Mary'}

In JavaScript , sleutels kunnen tekenreeksen, cijfers of identificatienamen zijn:

{naam: 'Mary'}

Voorwerpen

JSON-objecten zijn omgeven door accolades {}. Ze worden op de volgende manier in sleutel- of waardeparen geschreven:

{'naam': 'Lisa', 'leeftijd': 23, 'auto': BMW}

Arrays

Arrays in JSON zijn bijna hetzelfde als arrays in JavaScript. In JSON zijn matrixwaarden van het type string, number, object, array, boolean of null. Terwijl in JavaScript matrixwaarden al het bovenstaande kunnen zijn, plus elke andere geldige JavaScript-expressie, inclusief functies, datums en ongedefinieerd.

Arrays in JSON kunnen waarden zijn van een objecteigenschap. Het wordt gedefinieerd als:

{'naam': 'Lisa', 'leeftijd': 23, 'auto's': ['Ford', 'BMW', 'Fiat']}

Converteer JSON-object naar JavaSCript-tekst

JSON wordt vaak gebruikt gegevens lezen van een web Server en geef de gegevens weer op een webpagina. Dit kan ook worden aangetoond met een string als invoer.

Laten we een voorbeeld nemen en eens kijken hoe JSON-objecten kunnen worden geconverteerd naar Javascript-tekst met behulp van de functie JSON.parse ():

 
JSON-tekst omzetten in Javascript-object
  JSON-object:   Gebruik van Javascript-object: var jsonobj = '{' name ':' Josh Huan ',' employeeID ':' 1107 ',' age ': 25}' // Hier converteren we JSON naar object var obj = JSON.parse (jsonobj) document.getElementById ( 'voorbeeld1'). innerHTML = obj.name + ', met werknemer-id' + obj.employeeID + ', en leeftijd' + obj.age document.getElementById ('voorbeeld'). innerHTML = jsonobj

Het converteert de objecten naar teksten en geeft het volgende Uitvoer :

c ++ ga naar regel

Hiermee zijn we aan het einde van ons artikel gekomen. Ik hoop dat je hebt begrepen wat JSON is en waarom we dit moeten gebruiken.

Nu je weet wat JSON is, kun je het door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).

Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van 'Wat is JSON?' en we nemen zo snel mogelijk contact met u op.