📢 Nuovo Corso Laravel API disponibile!

Esercizi JSON Javascript

Ecco degli esercizi semplici con soluzione per praticare le basi sull’uso dei JSON in Javascript.

Esercizio 1

Convertire un oggetto JavaScript in una stringa JSON:
const oggetto = { nome: "Mario", cognome: "Rossi", eta: 30 };
const jsonStringa = JSON.stringify(oggetto);
console.log(jsonStringa);

Esercizio 2

Convertire una stringa JSON in un oggetto JavaScript:
const jsonStringa = '{"nome": "Mario", "cognome": "Rossi", "eta": 30}';
const oggetto = JSON.parse(jsonStringa);
console.log(oggetto);

Esercizio 3

Accedere ai valori di un oggetto JSON:
const jsonStringa = '{"nome": "Mario", "cognome": "Rossi", "eta": 30}';
const oggetto = JSON.parse(jsonStringa);
console.log(oggetto.nome);
console.log(oggetto.cognome);
console.log(oggetto.eta);

Esercizio 4

Modificare i valori di un oggetto JSON:
const jsonStringa = '{"nome": "Mario", "cognome": "Rossi", "eta": 30}';
const oggetto = JSON.parse(jsonStringa);
oggetto.nome = "Luca";
oggetto.cognome = "Verdi";
oggetto.eta = 35;
const nuovaJsonStringa = JSON.stringify(oggetto);
console.log(nuovaJsonStringa);

Esercizio 5

Aggiungere una nuova proprietà a un oggetto JSON:
const jsonStringa = '{"nome": "Mario", "cognome": "Rossi", "eta": 30}';
const oggetto = JSON.parse(jsonStringa);
oggetto.professione = "Ingegnere";
const nuovaJsonStringa = JSON.stringify(oggetto);
console.log(nuovaJsonStringa);

Esercizio 6

Rimuovere una proprietà da un oggetto JSON:
const jsonStringa = '{"nome": "Mario", "cognome": "Rossi", "eta": 30}';
const oggetto = JSON.parse(jsonStringa);
delete oggetto.eta;
const nuovaJsonStringa = JSON.stringify(oggetto);
console.log(nuovaJsonStringa);

Esercizio 7

Iterare su un array di oggetti JSON:
const jsonStringa =
'[{"nome": "Mario", "cognome": "Rossi"}, {"nome": "Luca", "cognome": "Verdi"}]';
const arrayOggetti = JSON.parse(jsonStringa);
arrayOggetti.forEach(function (oggetto) {
console.log(oggetto.nome);
console.log(oggetto.cognome);
});

Esercizio 8

Filtrare un array di oggetti JSON:
const jsonStringa =
'[{"nome": "Mario", "cognome": "Rossi"}, {"nome": "Luca", "cognome": "Verdi"}]';
const arrayOggetti = JSON.parse(jsonStringa);
const risultatoFiltro = arrayOggetti.filter(function (oggetto) {
return oggetto.nome === "Mario";
});
console.log(risultatoFiltro);

Esercizio 9

Ordinare un array di oggetti JSON:
const jsonStringa =
'[{"nome": "Mario", "cognome": "Rossi"}, {"nome": "Luca", "cognome": "Verdi"}]';
const arrayOggetti = JSON.parse(jsonStringa);
arrayOggetti.sort(function (a, b) {
if (a.nome < b.nome) {
return -1;
}
if (a.nome > b.nome) {
return 1;
}
return 0;
});
console.log(arrayOggetti);

Esercizio 10

Salvare un oggetto JSON in un file locale:
const oggetto = { nome: "Mario", cognome: "Rossi", eta: 30 };
const jsonStringa = JSON.stringify(oggetto);
const file = new Blob([jsonStringa], { type: "application/json" });
const url = URL.createObjectURL(file);
const link = document.createElement("a");
link.href = url;
link.download = "dati.json";
link.click();