5.2.4 - JSON - Sintassi ed elementi

Obiettivi della lezione:

Comprendere la sintassi di JSON. Gli studenti impareranno le regole di base per scrivere documenti JSON validi.
Identificare e utilizzare gli elementi di JSON. Gli studenti acquisiranno conoscenze sui vari componenti di JSON, come oggetti, array, e valori, e su come utilizzarli per strutturare i dati.
Analizzare esempi pratici di documenti JSON. Gli studenti comprenderanno come applicare la sintassi e gli elementi JSON per creare e interpretare documenti JSON reali.

Introduzione a JSON

JSON (JavaScript Object Notation) è un formato di scambio dati leggero e facilmente leggibile sia dalle macchine che dagli esseri umani. Viene utilizzato principalmente per trasmettere dati tra un server e un’applicazione web come alternativa più leggera e facile da gestire rispetto a XML. JSON è basato su un sottoinsieme del linguaggio di programmazione JavaScript, ma è indipendente dal linguaggio, il che lo rende utilizzabile con molte tecnologie diverse.

Sintassi di base di JSON

Un documento JSON è costituito da una raccolta di coppie chiave-valore e array ordinati di valori. Ecco le regole fondamentali per scrivere un documento JSON valido:

Oggetti: Un oggetto è una raccolta non ordinata di coppie chiave-valore racchiuse tra parentesi graffe ({}). Le chiavi sono stringhe racchiuse tra virgolette doppie e i valori possono essere stringhe, numeri, oggetti, array, booleani o null.
- Esempio:

{
    "name": "John Doe",
    "age": 30,
    "isStudent": false
}

Array: Un array è una raccolta ordinata di valori racchiusi tra parentesi quadre ([]). I valori possono essere di qualsiasi tipo JSON, compresi altri array e oggetti.
- Esempio:

{
    "students": [
        "John Doe",
        "Jane Doe",
        "Jim Smith"
    ]
}

Valori: I valori in JSON possono essere stringhe, numeri, oggetti, array, booleani (true o false) o null.
Stringhe: Le stringhe in JSON devono essere racchiuse tra virgolette doppie.
- Esempio:

{
    "message": "Hello, world!"
}

Numeri: I numeri in JSON possono essere interi o decimali.
- Esempio:

{
    "score": 95.5
}

Elementi di JSON

Gli elementi principali di JSON includono:

Oggetti

Gli oggetti sono costituiti da coppie chiave-valore, dove le chiavi sono stringhe univoche e i valori possono essere di qualsiasi tipo JSON.

Esempio:

{
    "user": {
        "id": 1,
        "name": "John Doe",
        "email": "johndoe@example.com"
    }
}

Array

Gli array sono liste ordinate di valori, che possono includere numeri, stringhe, oggetti, array, booleani o null.

Esempio:

{
    "users": [
        {
            "id": 1,
            "name": "John Doe"
        },
        {
            "id": 2,
            "name": "Jane Doe"
        }
    ]
}

Stringhe

Le stringhe in JSON devono essere racchiuse tra virgolette doppie e possono includere caratteri di escape per rappresentare caratteri speciali.

Esempio:

{
    "greeting": "Hello, \"world\"!"
}

Numeri

I numeri in JSON possono essere interi o decimali e possono includere un segno negativo.

Esempio:

{
    "temperature": -5.6,
    "count": 10
}

Booleani

I valori booleani in JSON possono essere true o false.

Esempio:

{
    "isLoggedIn": true,
    "hasAccess": false
}

Null

Il valore null rappresenta l’assenza di un valore.

Esempio:

{
    "middleName": null
}

Esempi pratici di JSON

Ecco alcuni esempi pratici di documenti JSON utilizzati in vari contesti:

Informazioni su un utente

{
    "user": {
        "id": 1,
        "name": "John Doe",
        "email": "johndoe@example.com",
        "isActive": true
    }
}

Elenco di prodotti

{
    "products": [
        {
            "id": 101,
            "name": "Laptop",
            "price": 899.99,
            "quantity": 50
        },
        {
            "id": 102,
            "name": "Smartphone",
            "price": 499.99,
            "quantity": 150
        }
    ]
}

Markdown

Markdown è un linguaggio di markup leggero che consente di formattare il testo utilizzando una sintassi semplice e leggibile. È ampiamente utilizzato per la scrittura di documentazione, post di blog e altro contenuto online.

Sintassi di base:

Intestazioni: Utilizzare # per le intestazioni, dove il numero di # indica il livello dell’intestazione.
- Esempio:

# Intestazione di livello 1
## Intestazione di livello 2
### Intestazione di livello 3

Grassetto e corsivo: Utilizzare ** per il grassetto e _ per il corsivo.
- Esempio:

**Testo in grassetto**
_Corsivo_

Liste: Utilizzare - per le liste non ordinate e i numeri per le liste ordinate.
- Esempio:

- Elemento 1
- Elemento 2

1. Elemento ordinato 1
2. Elemento ordinato 2

Link: Utilizzare [testo del link](URL).
- Esempio:

[Visita il sito web](https://www.example.com)

Esercitazioni pratiche

Creazione di un documento JSON:
- Creare un documento JSON che descrive un catalogo di prodotti. Gli studenti dovranno includere elementi come nome, prezzo, descrizione e quantità, utilizzando oggetti e array.
Parsing di JSON con JavaScript:
- Creare uno script JavaScript che carica e analizza un documento JSON, visualizzando i dati estratti in una pagina web. Gli studenti dovranno utilizzare fetch e JSON.parse per gestire i dati JSON.
Formattazione di un documento Markdown:
- Creare un documento Markdown che descrive un progetto. Gli studenti dovranno utilizzare intestazioni, liste, testo formattato e link per organizzare e presentare le informazioni.

5.2.4 – JSON – Sintassi ed elementi