Oggetti in Javascript

Edoardo Midali

Gli oggetti sono uno dei concetti fondamentali di JavaScript e consentono di rappresentare dati in forma di coppie chiave-valore. In questa lezione, esploreremo in dettaglio come creare, manipolare e utilizzare gli oggetti in JavaScript.

Creazione di Oggetti

Gli oggetti sono definiti utilizzando parentesi graffe {} e contengono una serie di proprietà, ciascuna delle quali è una coppia chiave-valore.

let person = {
  name: "Alice",
  age: 30,
  isStudent: false,
};

Accesso alle Proprietà degli Oggetti

Puoi accedere alle proprietà degli oggetti utilizzando la notazione punto o la notazione delle parentesi quadre.

let person = {
  name: "Bob",
  age: 25,
};
let personName = person.name; // "Bob"
let personAge = person["age"]; // 25

Modifica delle Proprietà degli Oggetti

Puoi modificare il valore di una proprietà di un oggetto assegnandogli un nuovo valore.

let person = {
  name: "Charlie",
  age: 28,
};
person.age = 30; // Modifica dell'età da 28 a 30

Aggiunta di Proprietà agli Oggetti

Puoi aggiungere nuove proprietà a un oggetto assegnando loro un valore.

let person = {
  name: "David",
  age: 35,
};
person.city = "New York"; // Aggiunta della proprietà "city" con valore "New York"

Rimozione di Proprietà dagli Oggetti

Puoi rimuovere una proprietà da un oggetto utilizzando l’operatore delete.

let person = {
  name: "Eve",
  age: 40,
};
delete person.age; // Rimozione della proprietà "age"

Oggetti Annessi (Nested)

Gli oggetti possono anche contenere oggetti al loro interno, creando strutture annidate.

let person = {
  name: "Frank",
  address: {
    street: "123 Main St",
    city: "San Francisco",
  },
};
let street = person.address.street; // "123 Main St"

Iterare negli Oggetti

Puoi iterare attraverso le proprietà di un oggetto utilizzando un ciclo for...in.

let person = {
  name: "Grace",
  age: 45,
};
for (let key in person) {
  console.log(key + ": " + person[key]);
}

Funzioni all’interno di Proprietà degli Oggetti

Gli oggetti possono contenere funzioni come proprietà. Queste funzioni vengono spesso chiamate “metodi” dell’oggetto.

let calculator = {
  add: function (a, b) {
    return a + b;
  },
  subtract: function (a, b) {
    return a - b;
  },
};
let sum = calculator.add(5, 3); // 8

Metodi degli Oggetti

Gli oggetti in JavaScript possono avere anche metodi, che sono funzioni associate all’oggetto stesso. Ecco alcuni esempi di metodi degli oggetti:

toString(): Restituisce una rappresentazione in forma di stringa dell’oggetto.

let person = {
  name: "Hannah",
  age: 50,
  toString: function () {
    return this.name + " (" + this.age + " anni)";
  },
};
console.log(person.toString()); // "Hannah (50 anni)"

hasOwnProperty(prop): Restituisce true se l’oggetto ha una determinata proprietà.

let person = {
  name: "Isaac",
  age: 55,
};
let hasName = person.hasOwnProperty("name"); // true
let hasEmail = person.hasOwnProperty("email"); // false

keys(): Restituisce un array delle chiavi delle proprietà dell’oggetto.

let person = {
  name: "James",
  age: 60,
};
let keys = Object.keys(person); // ["name", "age"]

Oggetti come Costanti

Puoi dichiarare un oggetto come costante utilizzando la parola chiave const. Tuttavia, ciò non significa che le proprietà dell’oggetto sono immutabili. Puoi ancora modificare il valore delle proprietà, ma non puoi assegnare un nuovo oggetto alla variabile costante.

const person = {
  name: "John",
  age: 65,
};
person.age = 70; // Consentito
person = { name: "Jane", age: 55 }; // Errore: non consentito

Conclusioni

Gli oggetti sono uno strumento potente in JavaScript, consentendoti di rappresentare dati complessi in modo strutturato. Ora che hai familiarità con la creazione, l’accesso e la manipolazione degli oggetti, sei pronto per esplorare ulteriori concetti avanzati e approfondire le tue competenze di programmazione.