Adgang til Objekt-Egenskaber i JavaScript
Vi vil undersøge to metoder til at tilgå objekt-egenskaber: dot notation og firkantede parenteser. Disse metoder gør det muligt at hente specifikke værdier fra objekter, og vi vil diskutere situationer, hvor hver metode typisk anvendes.
Dot notation til adgang af egenskaber
Dot notation er den primære og enkleste metode til at tilgå egenskaber. Du refererer til objektet, tilføjer et punktum og angiver navnet på egenskaben.
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
- Hvis du forsøger at tilgå en egenskab, der ikke eksisterer, vil JavaScript returnere
undefined; undefinedvises ikke, når du kører koden.
Adgang til egenskaber med kantede parenteser
Kantede parenteser bruges, når egenskabsnavnet ikke er kendt på forhånd, eller når det indeholder mellemrum eller specialtegn, eller når det er gemt i en variabel.
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
Denne metode angiver egenskabsnavnet som en streng inden for kantede parenteser. Det muliggør dynamisk adgang til egenskaber, hvilket kan være nyttigt ved håndtering af mere komplekse data.
Adgang til indlejrede egenskaber
Objekter indeholder ofte andre objekter. Ved brug af punktnotation kan du tilgå dybt indlejrede værdier ved at kæde egenskabsnavne sammen.
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
I dette eksempel tilgås egenskaber på forskellige niveauer af indlejring inden for produkt-objektet.
1. Hvilke metoder findes der til at tilgå objekt-egenskaber?
2. Hvad returneres, hvis du bruger punktnotation til at tilgå en egenskab, der ikke findes i objektet?
3. Overvej det følgende komplekse objekt, der repræsenterer en persons kontaktoplysninger. Hvordan kan du hente postnummeret fra person-objektet? Vælg alle mulige muligheder.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
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?
Fantastisk!
Completion rate forbedret til 2.27Adgang til Objekt-Egenskaber i JavaScript
Stryg for at vise menuen
Vi vil undersøge to metoder til at tilgå objekt-egenskaber: dot notation og firkantede parenteser. Disse metoder gør det muligt at hente specifikke værdier fra objekter, og vi vil diskutere situationer, hvor hver metode typisk anvendes.
Dot notation til adgang af egenskaber
Dot notation er den primære og enkleste metode til at tilgå egenskaber. Du refererer til objektet, tilføjer et punktum og angiver navnet på egenskaben.
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
- Hvis du forsøger at tilgå en egenskab, der ikke eksisterer, vil JavaScript returnere
undefined; undefinedvises ikke, når du kører koden.
Adgang til egenskaber med kantede parenteser
Kantede parenteser bruges, når egenskabsnavnet ikke er kendt på forhånd, eller når det indeholder mellemrum eller specialtegn, eller når det er gemt i en variabel.
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
Denne metode angiver egenskabsnavnet som en streng inden for kantede parenteser. Det muliggør dynamisk adgang til egenskaber, hvilket kan være nyttigt ved håndtering af mere komplekse data.
Adgang til indlejrede egenskaber
Objekter indeholder ofte andre objekter. Ved brug af punktnotation kan du tilgå dybt indlejrede værdier ved at kæde egenskabsnavne sammen.
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
I dette eksempel tilgås egenskaber på forskellige niveauer af indlejring inden for produkt-objektet.
1. Hvilke metoder findes der til at tilgå objekt-egenskaber?
2. Hvad returneres, hvis du bruger punktnotation til at tilgå en egenskab, der ikke findes i objektet?
3. Overvej det følgende komplekse objekt, der repræsenterer en persons kontaktoplysninger. Hvordan kan du hente postnummeret fra person-objektet? Vælg alle mulige muligheder.
Tak for dine kommentarer!
