Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Sammanfattning av Avancerad Objektmanipulation | Avancerade Tekniker för Objektmanipulation
Practice
Projects
Quizzes & Challenges
Frågesporter
Challenges
/
Javascript Datastrukturer

bookSammanfattning av Avancerad Objektmanipulation

Svep för att visa menyn

Objektiteration med for...in-loop

  • for...in-loopen används för att iterera över egenskaperna hos ett objekt;
  • Den gör det möjligt att komma åt varje egenskaps namn (nyckel) och dess motsvarande värde under iterationen;
  • En grundläggande syntax för for...in-loopen är:
for (let key in object) {
// code
}
  • Denna loop kan användas för att gå igenom egenskaperna hos ett objekt och utföra åtgärder på dem;
  • Exempel: Iterera genom egenskaperna hos ett objekt och logga deras namn och värden.

Hantering av egenskaper med hasOwnProperty()

  • hasOwnProperty() är en metod för att kontrollera om en specifik egenskap finns direkt på ett objekt, vilket särskiljer den från ärvda egenskaper;
  • Den returnerar ett Boolean-värde som indikerar om objektet har en egenskap med det angivna namnet;
  • Den används ofta tillsammans med for...in-loopen för att säkerställa att endast objektets egna egenskaper nås;
  • Exempel: Använda hasOwnProperty() med for...in-loop för att iterera säkert genom objektets egenskaper.

Spread-operatorn

  • Spread-operatorn (...) är ett verktyg för att skapa nya objekt genom att slå samman och kopiera egenskaper från befintliga objekt;
  • Den kan klona objekt, lägga till eller ändra egenskaper samt skapa nya objekt;
  • Den grundläggande syntaxen för att skapa objekt med spread-operatorn är:
const newObject = { ...sourceObject };
  • Exempel: Klona ett objekt, lägga till/ändra egenskaper och slå samman egenskaper från flera objekt med hjälp av spread-operatorn.

Objektdestrukturering

  • Objektdestrukturering möjliggör extrahering av specifika egenskaper från ett objekt och tilldelning av dessa till variabler;
  • Det kan göra koden mer koncis och lättläst, särskilt för objekt med flera egenskaper;
  • Syntaxen för objektdestrukturering är:
const { property1, property2, ...} = sourceObject;
  • Du kan ange standardvärden, byta namn på variabler och utföra destrukturering av nästlade objekt;
  • Exempel: Extrahera egenskaper från ett objekt, ange standardvärden, byta namn på variabler och destrukturera nästlade objekt.
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 9

Fråga AI

expand

Fråga AI

ChatGPT

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

Avsnitt 3. Kapitel 9
some-alt