Toegang tot Objecteigenschappen in JavaScript
We zullen twee methoden verkennen om objecteigenschappen te benaderen: puntnotatie en vierkante haken. Met deze methoden kun je specifieke waarden uit objecten ophalen, en we bespreken scenario's waarin elke methode vaak wordt gebruikt.
Puntnotatie voor het benaderen van eigenschappen
Puntnotatie is de primaire en eenvoudigste methode om eigenschappen te benaderen. Je verwijst naar het object, voegt een punt toe en specificeert de naam van de eigenschap.
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
- Als u probeert toegang te krijgen tot een eigenschap die niet bestaat, retourneert JavaScript
undefined; undefinedwordt niet weergegeven wanneer u de code uitvoert.
Eigenschappen benaderen met behulp van vierkante haken
Vierkante haken worden gebruikt wanneer de naam van de eigenschap niet vooraf bekend is, of wanneer deze spaties of speciale tekens bevat, of wanneer deze in een variabele is opgeslagen.
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.
Toegang tot geneste eigenschappen
Objecten bevatten vaak andere objecten. Met behulp van puntnotatie kun je diep geneste waarden benaderen door eigenschapsnamen aan elkaar te koppelen.
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 als je met puntnotatie een niet-bestaande eigenschap van een object probeert te benaderen?
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 property that doesn't exist?
Can you show more examples of accessing nested properties?
Geweldig!
Completion tarief verbeterd naar 2.27Toegang tot Objecteigenschappen in JavaScript
Veeg om het menu te tonen
We zullen twee methoden verkennen om objecteigenschappen te benaderen: puntnotatie en vierkante haken. Met deze methoden kun je specifieke waarden uit objecten ophalen, en we bespreken scenario's waarin elke methode vaak wordt gebruikt.
Puntnotatie voor het benaderen van eigenschappen
Puntnotatie is de primaire en eenvoudigste methode om eigenschappen te benaderen. Je verwijst naar het object, voegt een punt toe en specificeert de naam van de eigenschap.
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
- Als u probeert toegang te krijgen tot een eigenschap die niet bestaat, retourneert JavaScript
undefined; undefinedwordt niet weergegeven wanneer u de code uitvoert.
Eigenschappen benaderen met behulp van vierkante haken
Vierkante haken worden gebruikt wanneer de naam van de eigenschap niet vooraf bekend is, of wanneer deze spaties of speciale tekens bevat, of wanneer deze in een variabele is opgeslagen.
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.
Toegang tot geneste eigenschappen
Objecten bevatten vaak andere objecten. Met behulp van puntnotatie kun je diep geneste waarden benaderen door eigenschapsnamen aan elkaar te koppelen.
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 als je met puntnotatie een niet-bestaande eigenschap van een object probeert te benaderen?
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!
