Cos'è JSON? Scopri come funziona con gli esempi



Questo articolo su Cos'è JSON fornirà una conoscenza approfondita del processo di condivisione dei dati aperti e del motivo per cui dovremmo usarlo per memorizzare i dati sotto forma di testo.

L'Extensible Markup Language (XML) è stato considerato l'unica scelta per lo scambio di dati aperti. Tuttavia, gli sviluppi nella condivisione dei dati aperti hanno prodotto più opzioni per . Quindi, entriamo nel dettaglio di Che cos'è JSON e in che modo è diverso da JavaScript nella seguente sequenza:

Cos'è JSON?

Notazione oggetto JavaScript ( JSON ) è un modo per archiviare le informazioni in modo facile e organizzato. I dati devono essere in forma di testo durante lo scambio tra un browser e un server. Puoi convertire qualsiasi file Oggetto JavaScript in JSON e invia JSON al server.





JSON - cos

Puoi anche convertire qualsiasi JSON ricevuto dal server in oggetti. Aiuta a lavorare con i dati come oggetti JavaScript, senza analisi e traduzioni complicate.



Ora che sai cos'è JSON, andiamo avanti e vediamo perché è necessario utilizzarlo e quali sono i diversi vantaggi dell'utilizzo di JSON.

Perché usiamo JSON?

JSON è leggero e facile da usare rispetto ad altre opzioni di scambio di dati aperti. Tuttavia, questo non è l'unico motivo per cui dovresti usarlo per la tua integrazione API. È preferibile rispetto ad altre opzioni per i seguenti vantaggi:



Meno verboso - Ne ha di più stile compatto rispetto a XML. Questo lo rende più leggibile. Il leggero approccio di JSON può apportare miglioramenti significativi mentre si lavora con sistemi complessi.

Più veloce - Il processo di analisi del software XML è più lento di JSON. Questo perché le librerie di manipolazione DOM richiedono più memoria per gestire file XML di grandi dimensioni. JSON , d'altra parte, utilizza meno dati che riduce il costo e aumenta il velocità di analisi .

Leggibile - La struttura di JSON è semplice e facilmente leggibile . Hai un tempo più facile mappare gli oggetti del dominio indipendentemente dal linguaggio di programmazione con cui stai lavorando.

Dati strutturati - JSON utilizza un file mappa della struttura dei dati mentre XML ha una struttura ad albero. Le coppie chiave o valore possono limitare la tua attività, ma ottieni un modello di dati prevedibile e di facile comprensione.

JSON contro XML

Tutti e due XML e JSON sono ampiamente utilizzati oggi. Sono usato come formati di scambio di dati ed entrambi sono stati adottati dalle applicazioni come un modo per memorizzare i dati strutturati. Diamo un'occhiata alle differenze tra i due:

JSON XML

JSON è semplice da leggere e scrivere.

Supporta anche Vettore .

I file JSON sono più leggibile dagli umani rispetto a XML.

Supporta solo testo e numero tipo di dati

XML è meno semplice rispetto a JSON.

Non supporta array.

I file XML sono meno leggibile dall'uomo .

Supporta molti tipi di dati come testo, numero, immagini, grafici, grafici , eccetera.

Esempio JSON-

{'dipendenti': [{'nome': 'Lisa', 'email': 'lisa101@xyz.com'}, {'nome': 'Neil', 'email': 'neilps@xyz.com'}, {'name': 'Jai', 'email': 'jai87@xyz.com'}]}

Esempio XML-

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

Regole di sintassi

Il JSON la sintassi è a sottoinsieme del JavaScript sintassi. La sintassi deriva dalla sintassi della notazione degli oggetti JavaScript e consiste nelle seguenti regole:

come usare atom per python
  • I dati vengono scritti nome o valore coppie.
  • I dati sono separato da virgole.
  • Riccio parentesi graffe tenere il oggetti.
  • Parentesi quadre tenere il array.


Il formato JSON è molto simile agli oggetti JavaScript. Qui, le chiavi devono essere stringhe, scritte con virgolette doppie come:

{'name': 'Susan'}

Fondamenti di JSON

Nel JSON , valori deve essere uno dei seguenti tipi di dati:

  • Corda
  • Numero
  • Object (oggetto JSON)
  • Array
  • Booleano
  • Nullo

Corda

Nel JSON , le chiavi devono essere stringhe, scritte tra virgolette doppie:

{'name': 'Mary'}

Nel JavaScript , le chiavi possono essere stringhe, numeri o nomi di identificatori:

{name: 'Mary'}

Oggetti

Gli oggetti JSON sono circondati da parentesi graffe {}. Sono scritti in coppie chiave o valore nel modo seguente:

{'name': 'Lisa', 'age': 23, 'car': BMW}

Array

Gli array in JSON sono quasi gli stessi degli array in JavaScript. In JSON, i valori di matrice sono di tipo stringa, numero, oggetto, matrice, booleano o null. Mentre, in JavaScript, i valori degli array possono essere tutti i valori precedenti, più qualsiasi altra espressione JavaScript valida, incluse funzioni, date e undefined.

Gli array in JSON possono essere valori di una proprietà di un oggetto. È definito come:

{'name': 'Lisa', 'age': 23, 'cars': ['Ford', 'BMW', 'Fiat']}

Converti oggetto JSON in testo JavaSCript

JSON è comunemente usato per leggere i dati da un server web e visualizzare i dati su una pagina web. Ciò può anche essere dimostrato utilizzando una stringa come input.

Facciamo un esempio e vediamo come l'oggetto JSON può essere convertito in testo Javascript utilizzando la funzione JSON.parse ():

 

Conversione di testo JSON in oggetto Javascript

Oggetto JSON: Utilizzo dell'oggetto Javascript: var jsonobj = '{' name ':' Josh Huan ',' employeeID ':' 1107 ',' age ': 25}' // Qui convertiamo JSON in object var obj = JSON.parse (jsonobj) document.getElementById ( 'esempio1'). innerHTML = obj.name + ', con ID dipendente' + obj.employeeID + 'ed età' + obj.age document.getElementById ('esempio'). innerHTML = jsonobj

Convertirà gli oggetti in testi e fornirà quanto segue Produzione :

Con questo siamo giunti alla fine del nostro articolo. Spero che tu abbia capito cos'è JSON e perché dobbiamo usarlo.

Ora che sai cos'è JSON, controlla il file di Edureka. La formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti Web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).

Hai domande per noi? Si prega di menzionarlo nella sezione commenti di 'Che cos'è JSON?' e ti risponderemo.