Lære Tilgang til Objekt-Egenskaper i JavaScript | Grunnleggende om JavaScript-Objekter

Vi skal utforske to metoder for å få tilgang til objekt-egenskaper: punktnotasjon og klammeparenteser. Disse metodene lar deg hente spesifikke verdier fra objekter, og vi vil diskutere situasjoner der hver metode vanligvis brukes.

Punktnotasjon for å få tilgang til egenskaper

Den primære og mest brukte metoden for å få tilgang til objekt-egenskaper er punktnotasjon. Med denne tilnærmingen får vi tilgang til en egenskap ved å spesifisere objektets navn etterfulgt av et punktum og egenskapsnavnet.

La oss se på et eksempel der vi bruker et objekt til å representere en ansatt og får tilgang til dets egenskaper ved hjelp av punktnotasjon:


              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

Merk

Hvis du prøver å få tilgang til en egenskap som ikke finnes, vil JavaScript returnere undefined;

undefined vises ikke når du kjører koden.

Tilgang til egenskaper med hakeparenteser

Den andre metoden for å få tilgang til objektets egenskaper er ved å bruke hakeparenteser. Denne syntaksen innebærer at du spesifiserer objektets navn, etterfulgt av hakeparenteser med egenskapsnavnet som en streng inni dem.

Denne tilnærmingen brukes sjeldnere enn punktnotasjon, men er essensiell i tilfeller der egenskapsnavnet ikke er kjent på forhånd eller er lagret i en variabel, for eksempel som en funksjonsparameter. Her er et eksempel med det samme employee-objektet:


              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

Denne metoden bruker egenskapsnavnet som en streng innenfor hakeparenteser. Dette muliggjør dynamisk tilgang til egenskaper, noe som kan være nyttig ved håndtering av mer komplekse data.

Tilgang til nestede egenskaper

Utforsk hvordan man får tilgang til nestede egenskaper ved å bruke punktnotasjon med følgende eksempel.

Med punktnotasjon spesifiseres stien til ønsket egenskap, adskilt med punktum. Se et eksempel med et course-objekt:


              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

I dette eksemplet får vi tilgang til egenskaper på ulike nivåer av nøstethet i produkt-objektet.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 5

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.27

Sveip for å vise menyen

Punktnotasjon for å få tilgang til egenskaper

La oss se på et eksempel der vi bruker et objekt til å representere en ansatt og får tilgang til dets egenskaper ved hjelp av punktnotasjon:


              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

Merk

Hvis du prøver å få tilgang til en egenskap som ikke finnes, vil JavaScript returnere undefined;

undefined vises ikke når du kjører koden.

Tilgang til egenskaper med hakeparenteser


              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

Denne metoden bruker egenskapsnavnet som en streng innenfor hakeparenteser. Dette muliggjør dynamisk tilgang til egenskaper, noe som kan være nyttig ved håndtering av mer komplekse data.

Tilgang til nestede egenskaper

Utforsk hvordan man får tilgang til nestede egenskaper ved å bruke punktnotasjon med følgende eksempel.

Med punktnotasjon spesifiseres stien til ønsket egenskap, adskilt med punktum. Se et eksempel med et course-objekt:


              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

I dette eksemplet får vi tilgang til egenskaper på ulike nivåer av nøstethet i produkt-objektet.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 5

Tilgang til Objekt-Egenskaper i JavaScript

Punktnotasjon for å få tilgang til egenskaper

Tilgang til egenskaper med hakeparenteser

Tilgang til nestede egenskaper

1. Hva er metodene for å få tilgang til objektets egenskaper?

2. Når du bruker punktnotasjon for å få tilgang til egenskaper i et objekt, hva returneres hvis du prøver å få tilgang til en egenskap som ikke eksisterer?

3. Vurder følgende komplekse objekt som representerer en persons kontaktinformasjon. Hvordan kan du hente postnummeret fra `person`-objektet? Velg alle mulige alternativer.

Awesome!

Tilgang til Objekt-Egenskaper i JavaScript

Punktnotasjon for å få tilgang til egenskaper

Tilgang til egenskaper med hakeparenteser

Tilgang til nestede egenskaper

1. Hva er metodene for å få tilgang til objektets egenskaper?

2. Når du bruker punktnotasjon for å få tilgang til egenskaper i et objekt, hva returneres hvis du prøver å få tilgang til en egenskap som ikke eksisterer?

3. Vurder følgende komplekse objekt som representerer en persons kontaktinformasjon. Hvordan kan du hente postnummeret fra `person`-objektet? Velg alle mulige alternativer.

Tilgang til Objekt-Egenskaper i JavaScript

Punktnotasjon for å få tilgang til egenskaper

Tilgang til egenskaper med hakeparenteser

Tilgang til nestede egenskaper

1. Hva er metodene for å få tilgang til objektets egenskaper?

2. Når du bruker punktnotasjon for å få tilgang til egenskaper i et objekt, hva returneres hvis du prøver å få tilgang til en egenskap som ikke eksisterer?

3. Vurder følgende komplekse objekt som representerer en persons kontaktinformasjon. Hvordan kan du hente postnummeret fra person-objektet? Velg alle mulige alternativer.

Awesome!

Tilgang til Objekt-Egenskaper i JavaScript

Punktnotasjon for å få tilgang til egenskaper

Tilgang til egenskaper med hakeparenteser

Tilgang til nestede egenskaper

1. Hva er metodene for å få tilgang til objektets egenskaper?

2. Når du bruker punktnotasjon for å få tilgang til egenskaper i et objekt, hva returneres hvis du prøver å få tilgang til en egenskap som ikke eksisterer?

3. Vurder følgende komplekse objekt som representerer en persons kontaktinformasjon. Hvordan kan du hente postnummeret fra person-objektet? Velg alle mulige alternativer.

3. Vurder følgende komplekse objekt som representerer en persons kontaktinformasjon. Hvordan kan du hente postnummeret fra `person`-objektet? Velg alle mulige alternativer.

3. Vurder følgende komplekse objekt som representerer en persons kontaktinformasjon. Hvordan kan du hente postnummeret fra `person`-objektet? Velg alle mulige alternativer.