Gli oggetti in JavaScript: strutture dinamiche e flessibili

Gli oggetti sono una delle caratteristiche più potenti e flessibili di JavaScript. Queste strutture dati complesse ci consentono di organizzare e manipolare dati in modo più dinamico rispetto agli array. In questo articolo, esploreremo gli oggetti in JavaScript e impareremo come possono essere utilizzati per rappresentare dati strutturati, proprietà e comportamenti degli oggetti del mondo reale. 

Che cos’è un oggetto in JavaScript

In JavaScript, un oggetto è una collezione di proprietà, dove ogni proprietà è composta da una chiave (o nome) e un valore associato. Le chiavi di un oggetto sono sempre stringhe o simboli, mentre i valori possono essere di qualsiasi tipo di dato, inclusi numeri, stringhe, array, altri oggetti e persino funzioni. Questa struttura dinamica e flessibile consente agli oggetti di rappresentare dati strutturati in modo organizzato.

Possiamo creare un oggetto in JavaScript utilizzando la seguente sintassi:

let persona = {
    nome: "Mario",
    eta: 30,
    professione: "Sviluppatore",
};

In questo modo abbiamo creato un oggetto persona con tre proprietà: nome, eta e professione, ciascuna con il suo valore associato.

Accedere alle proprietà di un oggetto in JavaScript

Possiamo accedere alle proprietà di un oggetto utilizzando la notazione a punto (.) o la notazione delle parentesi quadre []. Ad esempio:

let persona = {
    nome: "Mario",
    eta: 30,
    professione: "Sviluppatore",
};

console.log(persona.nome); // Stampa: "Mario"
console.log(persona["eta"]); // Stampa: 30

Entrambe le notazioni restituiscono il valore associato alla chiave specificata dell'oggetto.

Modificare le proprietà di un oggetto

Possiamo modificare le proprietà di un oggetto assegnando nuovi valori alle chiavi esistenti.

let persona = {
    nome: "Mario",
    eta: 30,
    professione: "Sviluppatore",
};

persona.professione = "Ingegnere";
console.log(persona.professione); // Stampa: "Ingegnere"

Aggiungere nuove proprietà ad un oggetto

Oltre che a modificare, possiamo anche aggiungere nuove proprietà a un oggetto assegnando un valore a una nuova chiave.

let persona = {
    nome: "Mario",
    eta: 30,
};

persona.professione = "Sviluppatore";
console.log(persona.professione); // Stampa: "Sviluppatore"

Eliminare delle proprietà da un oggetto

Per eliminare una proprietà da un oggetto, possiamo utilizzare l'operatore delete.

let persona = {
    nome: "Mario",
    eta: 30,
    professione: "Sviluppatore",
};

delete persona.eta;
console.log(persona); // Stampa: { nome: "Mario", professione: "Sviluppatore" }

Oggetti annidati in JavaScript

Gli oggetti in JavaScript possono anche essere annidati, cioè contenere altre proprietà che sono a loro volta oggetti. Questo ci consente di creare strutture dati complesse e organizzate. Ad esempio:

let persona = {
    nome: "Mario",
    informazioni: {
        eta: 30,
        professione: "Sviluppatore",
    },
};

console.log(persona.informazioni.eta); // Stampa: 30
console.log(persona.informazioni.professione); // Stampa: "Sviluppatore"

In questo esempio, l'oggetto persona contiene una proprietà informazioni, che a sua volta è un oggetto con le proprietà eta e professione.