Åtkomst till Objektets Egenskaper i JavaScript
Vi kommer att utforska två metoder för att komma åt objektets egenskaper: punktnotation och hakparenteser. Dessa metoder gör det möjligt att hämta specifika värden från objekt, och vi kommer att diskutera situationer där varje metod vanligtvis används.
Punktnotation för att komma åt egenskaper
Den primära och mest använda metoden för att komma åt objektets egenskaper är punktnotation. Med detta tillvägagångssätt får vi tillgång till en egenskap genom att ange objektets namn följt av en punkt och egenskapens namn.
Låt oss titta på ett exempel där vi använder ett objekt för att representera en anställd och kommer åt dess egenskaper med punktnotation:
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
Obs
Om du försöker komma åt en egenskap som inte finns, returnerar JavaScript
undefined;
undefinedvisas inte när du kör koden.
Åtkomst till egenskaper med hakparenteser
Den andra metoden för att komma åt objektets egenskaper är genom hakparenteser. Denna syntax innebär att du anger objektets namn, följt av hakparenteser med egenskapsnamnet som en sträng inuti.
Detta tillvägagångssätt används mer sällan än punktnotation men är nödvändigt i situationer där egenskapsnamnet inte är känt i förväg eller lagras i en variabel, till exempel en funktionsparameter.
Här är ett exempel med samma employee-objekt:
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
Denna metod anger egenskapsnamnet som en sträng inom hakparenteser. Den möjliggör dynamisk åtkomst till egenskaper, vilket kan vara användbart vid hantering av mer komplex data.
Åtkomst till nästlade egenskaper
Utforska hur nästlade egenskaper kan nås med punktnotation i följande exempel.
Med punktnotation anges sökvägen till önskad egenskap, separerad med punkter. Följande exempel visar ett course-objekt:
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 det här exemplet får vi åtkomst till egenskaper på olika nivåer av nästling inom produktobjektet.
1. Vilka metoder finns för att komma åt objektets egenskaper?
2. Vad returneras när du använder punktnotation för att komma åt en egenskap som inte finns i ett objekt?
3. Tänk på följande komplexa objekt som representerar en persons kontaktinformation. Hur kan du hämta postnumret från objektet person? Välj alla möjliga alternativ.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Can you explain when to use dot notation versus square brackets?
What happens if I try to access a deeply nested property that doesn't exist?
Can you show more examples of dynamic property access with variables?
Awesome!
Completion rate improved to 2.27Åtkomst till Objektets Egenskaper i JavaScript
Svep för att visa menyn
Vi kommer att utforska två metoder för att komma åt objektets egenskaper: punktnotation och hakparenteser. Dessa metoder gör det möjligt att hämta specifika värden från objekt, och vi kommer att diskutera situationer där varje metod vanligtvis används.
Punktnotation för att komma åt egenskaper
Den primära och mest använda metoden för att komma åt objektets egenskaper är punktnotation. Med detta tillvägagångssätt får vi tillgång till en egenskap genom att ange objektets namn följt av en punkt och egenskapens namn.
Låt oss titta på ett exempel där vi använder ett objekt för att representera en anställd och kommer åt dess egenskaper med punktnotation:
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
Obs
Om du försöker komma åt en egenskap som inte finns, returnerar JavaScript
undefined;
undefinedvisas inte när du kör koden.
Åtkomst till egenskaper med hakparenteser
Den andra metoden för att komma åt objektets egenskaper är genom hakparenteser. Denna syntax innebär att du anger objektets namn, följt av hakparenteser med egenskapsnamnet som en sträng inuti.
Detta tillvägagångssätt används mer sällan än punktnotation men är nödvändigt i situationer där egenskapsnamnet inte är känt i förväg eller lagras i en variabel, till exempel en funktionsparameter.
Här är ett exempel med samma employee-objekt:
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
Denna metod anger egenskapsnamnet som en sträng inom hakparenteser. Den möjliggör dynamisk åtkomst till egenskaper, vilket kan vara användbart vid hantering av mer komplex data.
Åtkomst till nästlade egenskaper
Utforska hur nästlade egenskaper kan nås med punktnotation i följande exempel.
Med punktnotation anges sökvägen till önskad egenskap, separerad med punkter. Följande exempel visar ett course-objekt:
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 det här exemplet får vi åtkomst till egenskaper på olika nivåer av nästling inom produktobjektet.
1. Vilka metoder finns för att komma åt objektets egenskaper?
2. Vad returneras när du använder punktnotation för att komma åt en egenskap som inte finns i ett objekt?
3. Tänk på följande komplexa objekt som representerar en persons kontaktinformation. Hur kan du hämta postnumret från objektet person? Välj alla möjliga alternativ.
Tack för dina kommentarer!
