Leer Objecteigenschappen Beheren | Fundamentals van JavaScript-objecten

Laten we drie belangrijke concepten bekijken met betrekking tot het werken met objecteigenschappen:

Eigenschapswaarden wijzigen;
Nieuwe eigenschappen toevoegen;
Gebruik van verkorte eigenschappen.

Eigenschapswaarden wijzigen

Na het aanmaken van een object kunnen de waarden van de eigenschappen eenvoudig worden aangepast. Hiervoor wordt simpelweg naar de eigenschap verwezen via puntnotatie en een nieuwe waarde toegekend.

Beschouw het volgende voorbeeld met een company-object:


              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

In dit voorbeeld worden de waarden van de eigenschappen industry en founded.year aangepast.

Nieuwe eigenschappen toevoegen

Het toevoegen van een nieuwe eigenschap aan een object verschilt niet van het wijzigen van de waarde van een bestaande eigenschap. Als een eigenschap met een opgegeven naam nog niet bestaat in het object, wordt deze aangemaakt.

Bekijk het company-object uit het vorige voorbeeld:


              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

In dit voorbeeld voegen we de nieuwe eigenschap founder toe aan het company object.

Gebruik van verkorte eigenschappen

Verkorte eigenschappen vereenvoudigen het proces van het aanmaken van objecten, vooral wanneer u variabelen of functieparameters als eigenschapswaarden wilt gebruiken.

Met deze syntaxis kunt u de variabelenaam als eigenschapsnaam en de waarde ervan als eigenschapswaarde gebruiken.

Bekijk het volgende voorbeeld:


              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

Met behulp van verkorte eigenschappen kan hetzelfde object beknopter worden aangemaakt:


              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

Met verkorte eigenschappen hoeft alleen de eigenschapsnaam te worden opgegeven; de waarde wordt automatisch overgenomen van een variabele met dezelfde naam.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 7

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Awesome!

Completion rate improved to 2.27

Veeg om het menu te tonen

Laten we drie belangrijke concepten bekijken met betrekking tot het werken met objecteigenschappen:

Eigenschapswaarden wijzigen;
Nieuwe eigenschappen toevoegen;
Gebruik van verkorte eigenschappen.

Eigenschapswaarden wijzigen

Na het aanmaken van een object kunnen de waarden van de eigenschappen eenvoudig worden aangepast. Hiervoor wordt simpelweg naar de eigenschap verwezen via puntnotatie en een nieuwe waarde toegekend.

Beschouw het volgende voorbeeld met een company-object:


              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

In dit voorbeeld worden de waarden van de eigenschappen industry en founded.year aangepast.

Nieuwe eigenschappen toevoegen

Bekijk het company-object uit het vorige voorbeeld:


              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

In dit voorbeeld voegen we de nieuwe eigenschap founder toe aan het company object.

Gebruik van verkorte eigenschappen

Verkorte eigenschappen vereenvoudigen het proces van het aanmaken van objecten, vooral wanneer u variabelen of functieparameters als eigenschapswaarden wilt gebruiken.

Met deze syntaxis kunt u de variabelenaam als eigenschapsnaam en de waarde ervan als eigenschapswaarde gebruiken.

Bekijk het volgende voorbeeld:


              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

Met behulp van verkorte eigenschappen kan hetzelfde object beknopter worden aangemaakt:


              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

Met verkorte eigenschappen hoeft alleen de eigenschapsnaam te worden opgegeven; de waarde wordt automatisch overgenomen van een variabele met dezelfde naam.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 7

Objecteigenschappen Beheren

Eigenschapswaarden wijzigen

Nieuwe eigenschappen toevoegen

Gebruik van verkorte eigenschappen

1. Hoe kunnen we na het aanmaken van een object de waarden van zijn eigenschappen wijzigen?

2. Wat gebeurt er als je probeert de waarde van een eigenschap te wijzigen die niet bestaat in een object met behulp van puntnotatie?

3. Welke van de volgende voorbeelden toont het gebruik van verkorte eigenschappen bij het aanmaken van een object?

4. Hoe kun je de variabele `city` als eigenschap van `userLocation` opnemen met behulp van verkorte eigenschappen?

Awesome!

Objecteigenschappen Beheren

Eigenschapswaarden wijzigen

Nieuwe eigenschappen toevoegen

Gebruik van verkorte eigenschappen

1. Hoe kunnen we na het aanmaken van een object de waarden van zijn eigenschappen wijzigen?

2. Wat gebeurt er als je probeert de waarde van een eigenschap te wijzigen die niet bestaat in een object met behulp van puntnotatie?

3. Welke van de volgende voorbeelden toont het gebruik van verkorte eigenschappen bij het aanmaken van een object?

4. Hoe kun je de variabele `city` als eigenschap van `userLocation` opnemen met behulp van verkorte eigenschappen?

Objecteigenschappen Beheren

Eigenschapswaarden wijzigen

Nieuwe eigenschappen toevoegen

Gebruik van verkorte eigenschappen

1. Hoe kunnen we na het aanmaken van een object de waarden van zijn eigenschappen wijzigen?

2. Wat gebeurt er als je probeert de waarde van een eigenschap te wijzigen die niet bestaat in een object met behulp van puntnotatie?

3. Welke van de volgende voorbeelden toont het gebruik van verkorte eigenschappen bij het aanmaken van een object?

4. Hoe kun je de variabele city als eigenschap van userLocation opnemen met behulp van verkorte eigenschappen?

Awesome!

Objecteigenschappen Beheren

Eigenschapswaarden wijzigen

Nieuwe eigenschappen toevoegen

Gebruik van verkorte eigenschappen

1. Hoe kunnen we na het aanmaken van een object de waarden van zijn eigenschappen wijzigen?

2. Wat gebeurt er als je probeert de waarde van een eigenschap te wijzigen die niet bestaat in een object met behulp van puntnotatie?

3. Welke van de volgende voorbeelden toont het gebruik van verkorte eigenschappen bij het aanmaken van een object?

4. Hoe kun je de variabele city als eigenschap van userLocation opnemen met behulp van verkorte eigenschappen?

4. Hoe kun je de variabele `city` als eigenschap van `userLocation` opnemen met behulp van verkorte eigenschappen?

4. Hoe kun je de variabele `city` als eigenschap van `userLocation` opnemen met behulp van verkorte eigenschappen?