Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Impara Accesso alle Proprietà degli Oggetti in JavaScript | Fondamenti degli Oggetti JavaScript
Strutture Dati JavaScript

bookAccesso alle Proprietà degli Oggetti in JavaScript

Esploreremo due metodi per accedere alle proprietà di un oggetto: notazione a punto e parentesi quadre. Questi metodi consentono di recuperare valori specifici dagli oggetti e discuteremo gli scenari in cui ciascun metodo viene comunemente utilizzato.

Notazione a punto per accedere alle proprietà

Il metodo principale e più frequentemente utilizzato per accedere alle proprietà di un oggetto è la notazione a punto. Con questo approccio, si accede a una proprietà specificando il nome dell'oggetto seguito da un punto e dal nome della proprietà.

Consideriamo un esempio in cui utilizziamo un oggetto per rappresentare un dipendente e accediamo alle sue proprietà tramite la notazione a punto:


              
1234567891011

            
const employee = {
  companyName: "Schuster, Mertz and Marks",
  name: "Miss Alma Boyer",
  address: "2277 Karine Plains",
  workedYears: 4,
  remote: false,
};

console.log(employee.name); // Output: Miss Alma Boyer
console.log(employee.address); // Output: 2277 Karine Plains
console.log(employee.lastName); // Output: undefined
copy

Nota

  • Se si tenta di accedere a una proprietà che non esiste, JavaScript restituirà undefined;

  • undefined non viene visualizzato quando si esegue il codice.

Accesso alle proprietà tramite parentesi quadre

Il secondo metodo per accedere alle proprietà di un oggetto è tramite parentesi quadre. Questa sintassi prevede di specificare il nome dell'oggetto, seguito da parentesi quadre con il nome della proprietà come stringa al loro interno.

Questo approccio viene utilizzato meno frequentemente rispetto alla notazione con il punto, ma è essenziale nei casi in cui il nome della proprietà non è noto in anticipo o è memorizzato in una variabile, come un parametro di funzione. Ecco un esempio utilizzando lo stesso oggetto employee:


              
1234567891011

            
const employee = {
  companyName: "Schuster, Mertz and Marks",
  name: "Miss Alma Boyer",
  address: "2277 Karine Plains",
  workedYears: 4,
  remote: false,
};

console.log(employee["name"]); // Output: Miss Alma Boyer
console.log(employee["address"]); // Output: 2277 Karine Plains
console.log(employee["lastName"]); // Output: undefined
copy

Questo metodo fornisce il nome della proprietà come stringa tra parentesi quadre. Consente l'accesso dinamico alle proprietà, utile quando si lavora con dati più complessi.

Accesso alle Proprietà Annidate

Analizziamo come accedere alle proprietà annidate utilizzando la notazione a punti con il seguente esempio.

Con la notazione a punti, si specifica il percorso verso la proprietà desiderata, separando i livelli con dei punti. Consideriamo un esempio con un oggetto course:


              
1234567891011121314151617

            
const course = {
  courseName: "Applied Science",
  courseDuration: "48 hours",
  author: {
    position: "Nuclear Physicist",
    age: 43,
    name: {
      first: "Mattie",
      last: "Crooks",
    },
  },
};

console.log(course.author.position); // Output: Nuclear Physicist
console.log(course.author.age); // Output: 43
console.log(course.author.name.first); // Output: Mattie
console.log(course.author.name.last); // Output: Crooks
copy

In questo esempio, si accede alle proprietà a diversi livelli di annidamento all'interno dell'oggetto product.

1. Quali sono i metodi per accedere alle proprietà di un oggetto?

2. Quando si utilizza la notazione a punto per accedere alle proprietà di un oggetto, cosa viene restituito se si tenta di accedere a una proprietà che non esiste?

3. Considera il seguente oggetto complesso che rappresenta le informazioni di contatto di una persona. Come potresti recuperare il codice postale dall'oggetto person? Seleziona tutte le opzioni possibili.

question mark

Quali sono i metodi per accedere alle proprietà di un oggetto?

Select the correct answer

question mark

Quando si utilizza la notazione a punto per accedere alle proprietà di un oggetto, cosa viene restituito se si tenta di accedere a una proprietà che non esiste?

Select the correct answer

question mark

Considera il seguente oggetto complesso che rappresenta le informazioni di contatto di una persona. Come potresti recuperare il codice postale dall'oggetto person? Seleziona tutte le opzioni possibili.

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 2.27

bookAccesso alle Proprietà degli Oggetti in JavaScript

Scorri per mostrare il menu

Esploreremo due metodi per accedere alle proprietà di un oggetto: notazione a punto e parentesi quadre. Questi metodi consentono di recuperare valori specifici dagli oggetti e discuteremo gli scenari in cui ciascun metodo viene comunemente utilizzato.

Notazione a punto per accedere alle proprietà

Il metodo principale e più frequentemente utilizzato per accedere alle proprietà di un oggetto è la notazione a punto. Con questo approccio, si accede a una proprietà specificando il nome dell'oggetto seguito da un punto e dal nome della proprietà.

Consideriamo un esempio in cui utilizziamo un oggetto per rappresentare un dipendente e accediamo alle sue proprietà tramite la notazione a punto:


              
1234567891011

            
const employee = {
  companyName: "Schuster, Mertz and Marks",
  name: "Miss Alma Boyer",
  address: "2277 Karine Plains",
  workedYears: 4,
  remote: false,
};

console.log(employee.name); // Output: Miss Alma Boyer
console.log(employee.address); // Output: 2277 Karine Plains
console.log(employee.lastName); // Output: undefined
copy

Nota

  • Se si tenta di accedere a una proprietà che non esiste, JavaScript restituirà undefined;

  • undefined non viene visualizzato quando si esegue il codice.

Accesso alle proprietà tramite parentesi quadre

Il secondo metodo per accedere alle proprietà di un oggetto è tramite parentesi quadre. Questa sintassi prevede di specificare il nome dell'oggetto, seguito da parentesi quadre con il nome della proprietà come stringa al loro interno.

Questo approccio viene utilizzato meno frequentemente rispetto alla notazione con il punto, ma è essenziale nei casi in cui il nome della proprietà non è noto in anticipo o è memorizzato in una variabile, come un parametro di funzione. Ecco un esempio utilizzando lo stesso oggetto employee:


              
1234567891011

            
const employee = {
  companyName: "Schuster, Mertz and Marks",
  name: "Miss Alma Boyer",
  address: "2277 Karine Plains",
  workedYears: 4,
  remote: false,
};

console.log(employee["name"]); // Output: Miss Alma Boyer
console.log(employee["address"]); // Output: 2277 Karine Plains
console.log(employee["lastName"]); // Output: undefined
copy

Questo metodo fornisce il nome della proprietà come stringa tra parentesi quadre. Consente l'accesso dinamico alle proprietà, utile quando si lavora con dati più complessi.

Accesso alle Proprietà Annidate

Analizziamo come accedere alle proprietà annidate utilizzando la notazione a punti con il seguente esempio.

Con la notazione a punti, si specifica il percorso verso la proprietà desiderata, separando i livelli con dei punti. Consideriamo un esempio con un oggetto course:


              
1234567891011121314151617

            
const course = {
  courseName: "Applied Science",
  courseDuration: "48 hours",
  author: {
    position: "Nuclear Physicist",
    age: 43,
    name: {
      first: "Mattie",
      last: "Crooks",
    },
  },
};

console.log(course.author.position); // Output: Nuclear Physicist
console.log(course.author.age); // Output: 43
console.log(course.author.name.first); // Output: Mattie
console.log(course.author.name.last); // Output: Crooks
copy

In questo esempio, si accede alle proprietà a diversi livelli di annidamento all'interno dell'oggetto product.

1. Quali sono i metodi per accedere alle proprietà di un oggetto?

2. Quando si utilizza la notazione a punto per accedere alle proprietà di un oggetto, cosa viene restituito se si tenta di accedere a una proprietà che non esiste?

3. Considera il seguente oggetto complesso che rappresenta le informazioni di contatto di una persona. Come potresti recuperare il codice postale dall'oggetto person? Seleziona tutte le opzioni possibili.

question mark

Quali sono i metodi per accedere alle proprietà di un oggetto?

Select the correct answer

question mark

Quando si utilizza la notazione a punto per accedere alle proprietà di un oggetto, cosa viene restituito se si tenta di accedere a una proprietà che non esiste?

Select the correct answer

question mark

Considera il seguente oggetto complesso che rappresenta le informazioni di contatto di una persona. Come potresti recuperare il codice postale dall'oggetto person? Seleziona tutte le opzioni possibili.

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 5
some-alt