Lære Håndtering af Objekt-Egenskaber | Grundlæggende om JavaScript-Objekter

Lad os undersøge tre vigtige begreber i forbindelse med arbejde med objekt-egenskaber:

Ændring af egenskabsværdier;
Tilføjelse af nye egenskaber;
Brug af shorthand-egenskaber.

Ændring af egenskabsværdier

Når et objekt er oprettet, kan du nemt opdatere en hvilken som helst af dets egenskaber. For at ændre en værdi bruges dot-notation, og der tildeles en ny værdi til den ønskede egenskab.


              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 eksempel ændres værdierne for egenskaberne industry og founded.year.

Tilføjelse af nye egenskaber

Tilføjelse af en egenskab adskiller sig ikke fra at ændre en. Hvis egenskabsnavnet ikke eksisterer, opretter 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 eksempel tilføjes den nye egenskab founder til objektet company.

Brug af forkortede egenskaber

Forkortede egenskaber gør det muligt at oprette objekter mere kortfattet. Når egenskabsnavnet og variabelnavnet er det samme, tillader JavaScript at udelade gentagelsen.


              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 brug af forkortede egenskaber kan det samme objekt oprettes mere 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 egenskaber behøver vi kun at angive egenskabsnavnet, og værdien tildeles automatisk fra en variabel med samme navn.

Var alt klart?

Tak for dine kommentarer!

Sektion 2. Kapitel 7

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

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?

Stryg for at vise menuen

Lad os undersøge tre vigtige begreber i forbindelse med arbejde med objekt-egenskaber:

Ændring af egenskabsværdier;
Tilføjelse af nye egenskaber;
Brug af shorthand-egenskaber.

Ændring af egenskabsværdier

Når et objekt er oprettet, kan du nemt opdatere en hvilken som helst af dets egenskaber. For at ændre en værdi bruges dot-notation, og der tildeles en ny værdi til den ønskede egenskab.


              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 eksempel ændres værdierne for egenskaberne industry og founded.year.

Tilføjelse af nye egenskaber

Tilføjelse af en egenskab adskiller sig ikke fra at ændre en. Hvis egenskabsnavnet ikke eksisterer, opretter 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 eksempel tilføjes den nye egenskab founder til objektet company.

Brug af forkortede egenskaber

Forkortede egenskaber gør det muligt at oprette objekter mere kortfattet. Når egenskabsnavnet og variabelnavnet er det samme, tillader JavaScript at udelade gentagelsen.


              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 brug af forkortede egenskaber kan det samme objekt oprettes mere 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 egenskaber behøver vi kun at angive egenskabsnavnet, og værdien tildeles automatisk fra en variabel med samme navn.

Var alt klart?

Tak for dine kommentarer!

Sektion 2. Kapitel 7

Håndtering af Objekt-Egenskaber

Ændring af egenskabsværdier

Tilføjelse af nye egenskaber

Brug af forkortede egenskaber

1. Efter oprettelse af et objekt, hvordan kan værdierne for dets egenskaber ændres?

2. Hvad sker der, hvis du forsøger at ændre værdien af en egenskab, der ikke findes i et objekt, ved brug af punktnotation?

3. Hvilket af følgende eksempler demonstrerer brug af forkortede egenskaber ved objektoprettelse?

4. Hvordan kan du inkludere variablen `city` som en egenskab i `userLocation` ved hjælp af shorthand-egenskaber?

Håndtering af Objekt-Egenskaber

Ændring af egenskabsværdier

Tilføjelse af nye egenskaber

Brug af forkortede egenskaber

1. Efter oprettelse af et objekt, hvordan kan værdierne for dets egenskaber ændres?

2. Hvad sker der, hvis du forsøger at ændre værdien af en egenskab, der ikke findes i et objekt, ved brug af punktnotation?

3. Hvilket af følgende eksempler demonstrerer brug af forkortede egenskaber ved objektoprettelse?

4. Hvordan kan du inkludere variablen `city` som en egenskab i `userLocation` ved hjælp af shorthand-egenskaber?

Håndtering af Objekt-Egenskaber

Ændring af egenskabsværdier

Tilføjelse af nye egenskaber

Brug af forkortede egenskaber

1. Efter oprettelse af et objekt, hvordan kan værdierne for dets egenskaber ændres?

2. Hvad sker der, hvis du forsøger at ændre værdien af en egenskab, der ikke findes i et objekt, ved brug af punktnotation?

3. Hvilket af følgende eksempler demonstrerer brug af forkortede egenskaber ved objektoprettelse?

4. Hvordan kan du inkludere variablen city som en egenskab i userLocation ved hjælp af shorthand-egenskaber?

Håndtering af Objekt-Egenskaber

Ændring af egenskabsværdier

Tilføjelse af nye egenskaber

Brug af forkortede egenskaber

1. Efter oprettelse af et objekt, hvordan kan værdierne for dets egenskaber ændres?

2. Hvad sker der, hvis du forsøger at ændre værdien af en egenskab, der ikke findes i et objekt, ved brug af punktnotation?

3. Hvilket af følgende eksempler demonstrerer brug af forkortede egenskaber ved objektoprettelse?

4. Hvordan kan du inkludere variablen city som en egenskab i userLocation ved hjælp af shorthand-egenskaber?

4. Hvordan kan du inkludere variablen `city` som en egenskab i `userLocation` ved hjælp af shorthand-egenskaber?

4. Hvordan kan du inkludere variablen `city` som en egenskab i `userLocation` ved hjælp af shorthand-egenskaber?