Lære Håndtering av Objekt-Egenskaper | Grunnleggende om JavaScript-Objekter

La oss se på tre viktige konsepter knyttet til arbeid med objekt-egenskaper:

Endre egenskapsverdier;
Legge til nye egenskaper;
Bruke forkortede egenskaper.

Endre egenskapsverdier

Etter at et objekt er opprettet, kan du enkelt oppdatere hvilken som helst av dets egenskaper. For å endre en verdi, bruk punktnotasjon og tildel en ny verdi til ønsket egenskap.


              12345678910111213141516
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937

I dette eksemplet endres verdiene til egenskapene industry og founded.year.

Legge til nye egenskaper

Å legge til en egenskap er ikke annerledes enn å endre en. Hvis egenskapsnavnet ikke finnes, oppretter JavaScript det automatisk.


              1234567891011121314
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda

I dette eksemplet legger vi til den nye egenskapen founder til company-objektet.

Bruk av forkortede egenskaper

Forkortede egenskaper gjør det mulig å opprette objekter på en mer konsis måte. Når egenskapsnavnet og variabelnavnet er det samme, lar JavaScript deg utelate gjentakelsen.


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Ved å bruke forkortede egenskaper kan det samme objektet opprettes mer kortfattet:


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Med forkortede egenskaper trenger vi bare å angi egenskapsnavnet, og verdien hentes automatisk fra en variabel med samme navn.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 7

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

Suggested prompts:

Can you explain more about shorthand properties and when to use them?

What happens if I try to modify a property that doesn't exist yet?

Can you show more examples of adding or modifying nested properties?

Sveip for å vise menyen

La oss se på tre viktige konsepter knyttet til arbeid med objekt-egenskaper:

Endre egenskapsverdier;
Legge til nye egenskaper;
Bruke forkortede egenskaper.

Endre egenskapsverdier

Etter at et objekt er opprettet, kan du enkelt oppdatere hvilken som helst av dets egenskaper. For å endre en verdi, bruk punktnotasjon og tildel en ny verdi til ønsket egenskap.


              12345678910111213141516
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937

I dette eksemplet endres verdiene til egenskapene industry og founded.year.

Legge til nye egenskaper

Å legge til en egenskap er ikke annerledes enn å endre en. Hvis egenskapsnavnet ikke finnes, oppretter JavaScript det automatisk.


              1234567891011121314
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda

I dette eksemplet legger vi til den nye egenskapen founder til company-objektet.

Bruk av forkortede egenskaper

Forkortede egenskaper gjør det mulig å opprette objekter på en mer konsis måte. Når egenskapsnavnet og variabelnavnet er det samme, lar JavaScript deg utelate gjentakelsen.


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Ved å bruke forkortede egenskaper kan det samme objektet opprettes mer kortfattet:


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Med forkortede egenskaper trenger vi bare å angi egenskapsnavnet, og verdien hentes automatisk fra en variabel med samme navn.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 7

Håndtering av Objekt-Egenskaper

Endre egenskapsverdier

Legge til nye egenskaper

Bruk av forkortede egenskaper

1. Etter at et objekt er opprettet, hvordan kan vi endre verdiene til dets egenskaper?

2. Hva skjer når du prøver å endre verdien til en egenskap som ikke finnes i et objekt ved bruk av punktnotasjon?

3. Hvilket av følgende eksempler viser bruk av forkortede egenskaper ved opprettelse av objekt?

4. Hvordan kan du inkludere variabelen `city` som en egenskap i `userLocation` ved å bruke forkortet egenskapsnotasjon?

Håndtering av Objekt-Egenskaper

Endre egenskapsverdier

Legge til nye egenskaper

Bruk av forkortede egenskaper

1. Etter at et objekt er opprettet, hvordan kan vi endre verdiene til dets egenskaper?

2. Hva skjer når du prøver å endre verdien til en egenskap som ikke finnes i et objekt ved bruk av punktnotasjon?

3. Hvilket av følgende eksempler viser bruk av forkortede egenskaper ved opprettelse av objekt?

4. Hvordan kan du inkludere variabelen `city` som en egenskap i `userLocation` ved å bruke forkortet egenskapsnotasjon?

Håndtering av Objekt-Egenskaper

Endre egenskapsverdier

Legge til nye egenskaper

Bruk av forkortede egenskaper

1. Etter at et objekt er opprettet, hvordan kan vi endre verdiene til dets egenskaper?

2. Hva skjer når du prøver å endre verdien til en egenskap som ikke finnes i et objekt ved bruk av punktnotasjon?

3. Hvilket av følgende eksempler viser bruk av forkortede egenskaper ved opprettelse av objekt?

4. Hvordan kan du inkludere variabelen city som en egenskap i userLocation ved å bruke forkortet egenskapsnotasjon?

Håndtering av Objekt-Egenskaper

Endre egenskapsverdier

Legge til nye egenskaper

Bruk av forkortede egenskaper

1. Etter at et objekt er opprettet, hvordan kan vi endre verdiene til dets egenskaper?

2. Hva skjer når du prøver å endre verdien til en egenskap som ikke finnes i et objekt ved bruk av punktnotasjon?

3. Hvilket av følgende eksempler viser bruk av forkortede egenskaper ved opprettelse av objekt?

4. Hvordan kan du inkludere variabelen city som en egenskap i userLocation ved å bruke forkortet egenskapsnotasjon?

4. Hvordan kan du inkludere variabelen `city` som en egenskap i `userLocation` ved å bruke forkortet egenskapsnotasjon?

4. Hvordan kan du inkludere variabelen `city` som en egenskap i `userLocation` ved å bruke forkortet egenskapsnotasjon?