Accesso 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à
La notazione a punto è il metodo principale e più semplice per accedere alle proprietà. Si fa riferimento all'oggetto, si aggiunge un punto e si specifica il nome della proprietà.
1234567891011const 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
- Se si tenta di accedere a una proprietà che non esiste, JavaScript restituirà
undefined; undefinednon viene visualizzato quando si esegue il codice.
Accesso alle proprietà tramite parentesi quadre
Le parentesi quadre vengono utilizzate quando il nome della proprietà non è noto in anticipo, oppure quando contiene spazi o caratteri speciali, o quando è memorizzato in una variabile.
1234567891011const 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
Questo metodo fornisce il nome della proprietà come stringa tra parentesi quadre. Consente l'accesso dinamico alle proprietà, utile quando si gestiscono dati più complessi.
Accesso alle proprietà annidate
Gli oggetti spesso contengono altri oggetti. Utilizzando la notazione a punto, è possibile accedere ai valori profondamente annidati concatenando i nomi delle proprietà.
1234567891011121314151617const 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
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. In che modo è possibile recuperare il codice postale dall'oggetto person? Seleziona tutte le opzioni possibili.
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Can you explain when to use dot notation versus square brackets?
What happens if I try to access a property that doesn't exist?
Can you show more examples of accessing nested properties?
Fantastico!
Completion tasso migliorato a 2.27
Accesso 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à
La notazione a punto è il metodo principale e più semplice per accedere alle proprietà. Si fa riferimento all'oggetto, si aggiunge un punto e si specifica il nome della proprietà.
1234567891011const 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
- Se si tenta di accedere a una proprietà che non esiste, JavaScript restituirà
undefined; undefinednon viene visualizzato quando si esegue il codice.
Accesso alle proprietà tramite parentesi quadre
Le parentesi quadre vengono utilizzate quando il nome della proprietà non è noto in anticipo, oppure quando contiene spazi o caratteri speciali, o quando è memorizzato in una variabile.
1234567891011const 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
Questo metodo fornisce il nome della proprietà come stringa tra parentesi quadre. Consente l'accesso dinamico alle proprietà, utile quando si gestiscono dati più complessi.
Accesso alle proprietà annidate
Gli oggetti spesso contengono altri oggetti. Utilizzando la notazione a punto, è possibile accedere ai valori profondamente annidati concatenando i nomi delle proprietà.
1234567891011121314151617const 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
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. In che modo è possibile recuperare il codice postale dall'oggetto person? Seleziona tutte le opzioni possibili.
Grazie per i tuoi commenti!