Lära Hantering av Objektets Egenskaper | Grunderna i JavaScript-Objekt

Låt oss undersöka tre viktiga koncept relaterade till hantering av objektets egenskaper:

Modifiera egenskapsvärden;
Lägga till nya egenskaper;
Använda förkortade egenskaper.

Modifiera egenskapsvärden

Efter att ett objekt har skapats kan du enkelt ändra värdena för dess egenskaper. För att göra detta refererar vi helt enkelt till egenskapen med dess namn, med hjälp av punktnotation, och tilldelar ett nytt värde.

Låt oss titta på ett exempel med ett company-objekt:


              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 det här exemplet ändras värdena för egenskaperna industry och founded.year.

Lägga till nya egenskaper

Att lägga till en ny egenskap i ett objekt skiljer sig inte från att ändra värdet på en befintlig egenskap. Om en egenskap med det angivna namnet inte redan finns i objektet kommer den att skapas.

Betrakta objektet company från föregående exempel:


              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 det här exemplet lägger vi till den nya egenskapen founder till objektet company.

Användning av förkortade egenskaper

Förkortade egenskaper förenklar processen att skapa objekt, särskilt när du vill använda variabel- eller funktionsparametervärden som egenskapsvärden.

Denna syntax gör det möjligt att använda variabelnamnet som egenskapsnamn och dess värde som egenskapsvärde.

Se följande exempel:


              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

Med hjälp av förkortade egenskaper kan samma objekt skapas mer koncist:


              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 förkortade egenskaper behöver vi endast ange egenskapsnamnet, och värdet hämtas automatiskt från en variabel med samma namn.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 7

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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 object properties?

Awesome!

Completion rate improved to 2.27

Svep för att visa menyn

Låt oss undersöka tre viktiga koncept relaterade till hantering av objektets egenskaper:

Modifiera egenskapsvärden;
Lägga till nya egenskaper;
Använda förkortade egenskaper.

Modifiera egenskapsvärden

Låt oss titta på ett exempel med ett company-objekt:


              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 det här exemplet ändras värdena för egenskaperna industry och founded.year.

Lägga till nya egenskaper

Betrakta objektet company från föregående exempel:


              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 det här exemplet lägger vi till den nya egenskapen founder till objektet company.

Användning av förkortade egenskaper

Förkortade egenskaper förenklar processen att skapa objekt, särskilt när du vill använda variabel- eller funktionsparametervärden som egenskapsvärden.

Denna syntax gör det möjligt att använda variabelnamnet som egenskapsnamn och dess värde som egenskapsvärde.

Se följande exempel:


              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

Med hjälp av förkortade egenskaper kan samma objekt skapas mer koncist:


              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 förkortade egenskaper behöver vi endast ange egenskapsnamnet, och värdet hämtas automatiskt från en variabel med samma namn.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 7

Hantering av Objektets Egenskaper

Modifiera egenskapsvärden

Lägga till nya egenskaper

Användning av förkortade egenskaper

1. Efter att ha skapat ett objekt, hur kan vi ändra värdena för dess egenskaper?

2. Vad händer om du försöker ändra värdet på en egenskap som inte finns i ett objekt med hjälp av punktnotation?

3. Vilket av följande exempel visar användning av förkortade egenskaper vid skapande av objekt?

4. Hur kan du inkludera variabeln `city` som en egenskap i `userLocation` med hjälp av förkortade egenskaper?

Awesome!

Hantering av Objektets Egenskaper

Modifiera egenskapsvärden

Lägga till nya egenskaper

Användning av förkortade egenskaper

1. Efter att ha skapat ett objekt, hur kan vi ändra värdena för dess egenskaper?

2. Vad händer om du försöker ändra värdet på en egenskap som inte finns i ett objekt med hjälp av punktnotation?

3. Vilket av följande exempel visar användning av förkortade egenskaper vid skapande av objekt?

4. Hur kan du inkludera variabeln `city` som en egenskap i `userLocation` med hjälp av förkortade egenskaper?

Hantering av Objektets Egenskaper

Modifiera egenskapsvärden

Lägga till nya egenskaper

Användning av förkortade egenskaper

1. Efter att ha skapat ett objekt, hur kan vi ändra värdena för dess egenskaper?

2. Vad händer om du försöker ändra värdet på en egenskap som inte finns i ett objekt med hjälp av punktnotation?

3. Vilket av följande exempel visar användning av förkortade egenskaper vid skapande av objekt?

4. Hur kan du inkludera variabeln city som en egenskap i userLocation med hjälp av förkortade egenskaper?

Awesome!

Hantering av Objektets Egenskaper

Modifiera egenskapsvärden

Lägga till nya egenskaper

Användning av förkortade egenskaper

1. Efter att ha skapat ett objekt, hur kan vi ändra värdena för dess egenskaper?

2. Vad händer om du försöker ändra värdet på en egenskap som inte finns i ett objekt med hjälp av punktnotation?

3. Vilket av följande exempel visar användning av förkortade egenskaper vid skapande av objekt?

4. Hur kan du inkludera variabeln city som en egenskap i userLocation med hjälp av förkortade egenskaper?

4. Hur kan du inkludera variabeln `city` som en egenskap i `userLocation` med hjälp av förkortade egenskaper?

4. Hur kan du inkludera variabeln `city` som en egenskap i `userLocation` med hjälp av förkortade egenskaper?