Toegang tot Objecteigenschappen in JavaScript
We verkennen twee methoden om objecteigenschappen te benaderen: puntnotatie en vierkante haken. Met deze methoden kun je specifieke waarden uit objecten ophalen, en we bespreken situaties waarin elke methode vaak wordt gebruikt.
Puntnotatie voor het benaderen van eigenschappen
De primaire en meest gebruikte methode om objecteigenschappen te benaderen is puntnotatie. Met deze aanpak benader je een eigenschap door de naam van het object te specificeren, gevolgd door een punt en de naam van de eigenschap.
Laten we een voorbeeld bekijken waarin we een object gebruiken om een werknemer te representeren en de eigenschappen ervan benaderen met puntnotatie:
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
Opmerking
Als u probeert een eigenschap te benaderen die niet bestaat, retourneert JavaScript
undefined;
undefinedwordt niet weergegeven wanneer u de code uitvoert.
Eigenschappen benaderen via vierkante haken
De tweede methode om objecteigenschappen te benaderen is via vierkante haken. Deze syntaxis houdt in dat u de naam van het object opgeeft, gevolgd door vierkante haken met de eigenschapsnaam als string erin.
Deze benadering wordt minder vaak gebruikt dan puntnotatie, maar is essentieel in gevallen waarin de eigenschapsnaam niet vooraf bekend is of is opgeslagen in een variabele, zoals een functieparameter.
Hier is een voorbeeld met hetzelfde employee object:
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
Met deze methode wordt de eigenschapsnaam als een string tussen vierkante haken opgegeven. Dit maakt dynamische toegang tot eigenschappen mogelijk, wat handig kan zijn bij het werken met complexere gegevens.
Geneste Eigenschappen Benaderen
Een verkenning van het benaderen van geneste eigenschappen met behulp van puntnotatie aan de hand van het volgende voorbeeld.
Met puntnotatie wordt het pad naar de gewenste eigenschap gespecificeerd, gescheiden door punten. Overweeg het volgende voorbeeld met een course-object:
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 dit voorbeeld worden eigenschappen op verschillende niveaus van geneste structuur binnen het productobject benaderd.
1. Wat zijn de methoden om objecteigenschappen te benaderen?
2. Wat wordt er geretourneerd wanneer je met puntnotatie een objecteigenschap probeert te benaderen die niet bestaat?
3. Beschouw het volgende complexe object dat de contactgegevens van een persoon weergeeft. Hoe kun je de postcode ophalen uit het person object? Selecteer alle mogelijke opties.
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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.27Toegang tot Objecteigenschappen in JavaScript
Veeg om het menu te tonen
We verkennen twee methoden om objecteigenschappen te benaderen: puntnotatie en vierkante haken. Met deze methoden kun je specifieke waarden uit objecten ophalen, en we bespreken situaties waarin elke methode vaak wordt gebruikt.
Puntnotatie voor het benaderen van eigenschappen
De primaire en meest gebruikte methode om objecteigenschappen te benaderen is puntnotatie. Met deze aanpak benader je een eigenschap door de naam van het object te specificeren, gevolgd door een punt en de naam van de eigenschap.
Laten we een voorbeeld bekijken waarin we een object gebruiken om een werknemer te representeren en de eigenschappen ervan benaderen met puntnotatie:
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
Opmerking
Als u probeert een eigenschap te benaderen die niet bestaat, retourneert JavaScript
undefined;
undefinedwordt niet weergegeven wanneer u de code uitvoert.
Eigenschappen benaderen via vierkante haken
De tweede methode om objecteigenschappen te benaderen is via vierkante haken. Deze syntaxis houdt in dat u de naam van het object opgeeft, gevolgd door vierkante haken met de eigenschapsnaam als string erin.
Deze benadering wordt minder vaak gebruikt dan puntnotatie, maar is essentieel in gevallen waarin de eigenschapsnaam niet vooraf bekend is of is opgeslagen in een variabele, zoals een functieparameter.
Hier is een voorbeeld met hetzelfde employee object:
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
Met deze methode wordt de eigenschapsnaam als een string tussen vierkante haken opgegeven. Dit maakt dynamische toegang tot eigenschappen mogelijk, wat handig kan zijn bij het werken met complexere gegevens.
Geneste Eigenschappen Benaderen
Een verkenning van het benaderen van geneste eigenschappen met behulp van puntnotatie aan de hand van het volgende voorbeeld.
Met puntnotatie wordt het pad naar de gewenste eigenschap gespecificeerd, gescheiden door punten. Overweeg het volgende voorbeeld met een course-object:
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 dit voorbeeld worden eigenschappen op verschillende niveaus van geneste structuur binnen het productobject benaderd.
1. Wat zijn de methoden om objecteigenschappen te benaderen?
2. Wat wordt er geretourneerd wanneer je met puntnotatie een objecteigenschap probeert te benaderen die niet bestaat?
3. Beschouw het volgende complexe object dat de contactgegevens van een persoon weergeeft. Hoe kun je de postcode ophalen uit het person object? Selecteer alle mogelijke opties.
Bedankt voor je feedback!
