Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Åtkomst till Objektets Egenskaper i JavaScript | Grunderna i JavaScript-Objekt
Javascript Datastrukturer

bookÅtkomst till Objektets Egenskaper i JavaScript

Vi kommer att undersöka 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

Punktnotation är den primära och enklaste metoden för att komma åt egenskaper. Du refererar till objektet, lägger till en punkt och anger egenskapens namn.

1234567891011
const 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
copy
Note
Notering
  • Om du försöker komma åt en egenskap som inte existerar kommer JavaScript att returnera undefined;
  • undefined visas inte när du kör koden.

Åtkomst till egenskaper med hakparenteser

Hakparenteser används när egenskapsnamnet inte är känt i förväg, eller när det innehåller mellanslag eller specialtecken, eller när det är lagrat i en variabel.

1234567891011
const 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
copy

Denna metod anger egenskapsnamnet som en sträng inom hakparenteser. Det möjliggör dynamisk åtkomst till egenskaper, vilket kan vara användbart vid hantering av mer komplex data.

Åtkomst till nästlade egenskaper

Objekt innehåller ofta andra objekt. Med punktnotation kan du komma åt djupt nästlade värden genom att kedja egenskapsnamn.

1234567891011121314151617
const 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
copy

I det här exemplet får vi åtkomst till egenskaper på olika nivåer av nästling inom objektet product.

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 objektet?

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.

question mark

Vilka metoder finns för att komma åt objektets egenskaper?

Select the correct answer

question mark

Vad returneras när du använder punktnotation för att komma åt en egenskap som inte finns i objektet?

Select the correct answer

question mark

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.

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 5

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

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?

bookÅtkomst till Objektets Egenskaper i JavaScript

Svep för att visa menyn

Vi kommer att undersöka 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

Punktnotation är den primära och enklaste metoden för att komma åt egenskaper. Du refererar till objektet, lägger till en punkt och anger egenskapens namn.

1234567891011
const 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
copy
Note
Notering
  • Om du försöker komma åt en egenskap som inte existerar kommer JavaScript att returnera undefined;
  • undefined visas inte när du kör koden.

Åtkomst till egenskaper med hakparenteser

Hakparenteser används när egenskapsnamnet inte är känt i förväg, eller när det innehåller mellanslag eller specialtecken, eller när det är lagrat i en variabel.

1234567891011
const 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
copy

Denna metod anger egenskapsnamnet som en sträng inom hakparenteser. Det möjliggör dynamisk åtkomst till egenskaper, vilket kan vara användbart vid hantering av mer komplex data.

Åtkomst till nästlade egenskaper

Objekt innehåller ofta andra objekt. Med punktnotation kan du komma åt djupt nästlade värden genom att kedja egenskapsnamn.

1234567891011121314151617
const 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
copy

I det här exemplet får vi åtkomst till egenskaper på olika nivåer av nästling inom objektet product.

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 objektet?

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.

question mark

Vilka metoder finns för att komma åt objektets egenskaper?

Select the correct answer

question mark

Vad returneras när du använder punktnotation för att komma åt en egenskap som inte finns i objektet?

Select the correct answer

question mark

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.

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 5
some-alt