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

Nadat een object is aangemaakt, kun je eenvoudig een van zijn eigenschappen bijwerken. Gebruik puntnotatie en wijs een nieuwe waarde toe aan de gewenste eigenschap om een waarde te wijzigen.


              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 wijzigen we de waarden van de eigenschappen industry en founded.year.

Nieuwe Eigenschappen Toevoegen

Het toevoegen van een eigenschap verschilt niet van het wijzigen ervan. Als de eigenschapsnaam niet bestaat, maakt JavaScript deze automatisch aan.


              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 maken het mogelijk om objecten beknopter te definiëren. Wanneer de eigenschapsnaam en de variabelenaam gelijk zijn, laat JavaScript toe om de herhaling over te slaan.


              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 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.

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

Nadat een object is aangemaakt, kun je eenvoudig een van zijn eigenschappen bijwerken. Gebruik puntnotatie en wijs een nieuwe waarde toe aan de gewenste eigenschap om een waarde te wijzigen.


              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 wijzigen we de waarden van de eigenschappen industry en founded.year.

Nieuwe Eigenschappen Toevoegen

Het toevoegen van een eigenschap verschilt niet van het wijzigen ervan. Als de eigenschapsnaam niet bestaat, maakt JavaScript deze automatisch aan.


              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 maken het mogelijk om objecten beknopter te definiëren. Wanneer de eigenschapsnaam en de variabelenaam gelijk zijn, laat JavaScript toe om de herhaling over te slaan.


              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 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 die niet bestaat in een object te wijzigen met puntnotatie?

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

4. Hoe kan de variabele `city` als eigenschap van `userLocation` worden opgenomen 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 die niet bestaat in een object te wijzigen met puntnotatie?

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

4. Hoe kan de variabele `city` als eigenschap van `userLocation` worden opgenomen 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 die niet bestaat in een object te wijzigen met puntnotatie?

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

4. Hoe kan de variabele city als eigenschap van userLocation worden opgenomen 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 die niet bestaat in een object te wijzigen met puntnotatie?

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

4. Hoe kan de variabele city als eigenschap van userLocation worden opgenomen met behulp van verkorte eigenschappen?

4. Hoe kan de variabele `city` als eigenschap van `userLocation` worden opgenomen met behulp van verkorte eigenschappen?

4. Hoe kan de variabele `city` als eigenschap van `userLocation` worden opgenomen met behulp van verkorte eigenschappen?