Objekter i JavaScript er centrale byggeklodser inden for programmering. De gør det muligt for dig at organisere data og funktioner struktureret og overskueligt. Attributter af objekter er essentielle for at gemme og tilgå individuelle værdier. I denne vejledning vil du udforske, hvordan du effektivt arbejder med egenskaber ved objekter og forstår deres funktioner.
Vigtigste indsigter
- Objekter muliggør opbevaring af værdier og funktioner.
- Adgangen til objekt-egenskaber sker ofte via punktnotation.
- Automatiserede loop hjælper med at gennemløbe egenskaber i objekter.
- Du kan tilføje, ændre og slette egenskaber.
Trin-for-trin vejledning
Begiv dig ud på en spændende rejse, mens du lærer grundlæggende om objektegenskaber i JavaScript.
Lad os først se på, hvordan du opretter et simpelt objekt og definerer dets egenskaber. Du kan oprette et objekt ved at definere det med krøllede parenteser og tildele det specifikke attributter som fornavn og efternavn. Forestil dig, at du vil arbejde med et objekt kaldet person, der indeholder egenskaberne fornavn og efternavn.
I næste trin får vi adgang til attributterne af objektet. Til dette bruger du punktnotation. Hvis du vil hente fornavnet på en person, ville du blot bruge person.Fornavn. Bemærk, at dette returnerer værdien Jan, hvis du bruger det ovenfor definerede objekt.
Lad os gå videre til automatiseret gennemgang af egenskaberne. Nogle gange ønsker du måske at forespørge alle egenskaberne i et objekt automatisk. Her bruger du en løkke til at iterere gennem alle attributter. Opret en variabel, der kaldes en associativ liste, hvor attributterne som fornavn, efternavn og alder gemmes.
Når du har denne liste, kan du iterere gennem egenskaberne. Et effektivt middel til dette er for...in-løkken. Med denne løkke kan du gå gennem attributterne i den associative liste og læse dem på en praktisk måde.
Nu kan du formatere output af attributterne og præsentere dem i et HTML-element. Opret en tom variabel minTekst og tilføj værdierne fra den associative liste. Det er fordelagtigt at tilføje et linjeskift til hver attribut, så resultaterne vises i separate linjer.
For at vise resultatet i et canvas-element, kunne du bruge document.getElementById('Canvas').innerHTML. Dette giver dig mulighed for at vise den sammenkoblede tekst, der lister alle objektets egenskaber.
Nu ønsker vi at forbedre output ved at angive attributterne ved navn og gøre dem lettere at forstå. Du kan inkludere attributter som "Fornavn", "Efternavn" og "Alder" i resultatet for at gøre det mere sigende.
Lad os antage, at du ønsker at udvide den associative liste ved at tilføje en anden attribut som vægt. Dette kan let gøres ved at angive person.Vægt, og du vil se, at vægten vises i output.
Et andet vigtigt koncept ved arbejde med objekter er at slette egenskaber. For at fjerne en egenskab som alder fra objektet kan du bruge delete-nøgleordet. Dette gør, at attributten ikke længere findes i objektet.
Ved at bruge disse grundlæggende teknikker giver JavaScript dig mulighed for effektivt at oprette, manipulere og bruge objekter og deres egenskaber. Du har nu en solid forståelse af, hvordan egenskaber fungerer i objekter.
Resume – Grundlæggende i JavaScript – 22 egenskaber ved objekter
I denne vejledning har du lært grundlæggende om arbejdet med objekter i JavaScript. Du ved nu, hvordan du definerer egenskaber, får adgang til dem og administrerer dem gennem løkker og manipulationer. Forståelse af disse koncepter er afgørende for at skrive effektive og vedligeholdelsesvenlige JavaScript-programmer.
Ofte stillede spørgsmål
Hvad er objekter i JavaScript?Objekter er datastrukturer, der kan gemme egenskaber og funktioner.
Hvordan får jeg adgang til egenskaberne af et objekt?Du kan bruge punktnotation (f.eks. person.Fornavn) for at få adgang til egenskaber.
Hvordan kan jeg gennemløbe alle egenskaberne af et objekt?Brug for...in-løkken for at iterere gennem alle egenskaberne af et objekt.
Kan jeg tilføje eller slette egenskaber af et objekt?Ja, du kan tilføje egenskaber ved at knytte dem direkte til objektet og slette dem med delete.
I hvilken rækkefølge vises egenskaberne af et objekt?Rækkefølgen er ikke fast, da det afhænger af implementeringerne; normalt vises de i den rækkefølge, de blev tilføjet.
