JavaScript — Introduktion genom exempel

8.4 JavaScript-objekt

I JavaScript arbetar man hela tiden med olika objekt. Allt är objekt, t.ex. variabler, HTML-element och inbyggda objekt som Date och Math. Objekten har olika egenskaper och metoder, som man kan komma åt med punktnotation, t.ex. abc.egenskap. I detta exempel ska vi se hur vi kan definiera egna objekt för att strukturera data. Vi kommer då införa olika egenskaper och därmed namn för den data som vi vill strukturera.

I exemplen i detta kapitel är det endast data som ska struktureras, så vi arbetar endast med egenskaper i objekten. Hur vi sedan också kan införa metoder i objekten, tas upp i ett senare kapitel (Intro till OOP).

12 min.

Sammanfattning

Ett objekt kan ses som en gruppering av olika egenskaper, där varje egenskap består av ett namn och ett värde. De olika egenskaperna åtskiljs av kommatecken, så det blir en lista av egenskaper:

abc = {
    e1: 123,
    e2: "en text",
    e3: 5.6
}

Namn på egenskaper bestämmer man själv och de följer samma regler som för andra identifierare, t.ex. namn på variabler. Värdena kan vara enkla datatyper, men även sammansatta datatyper, såsom arrayer eller underobjekt.

Då man skapar egna objekt, blir det en instans, som sparas i en variabel. För att använda en egenskap refererar man till den via variabeln och punktnotation, t.ex. abc.e1 = 987; om man vill ge egenskapen e1 ett nytt värde.

Objekten kan införas med new Object() eller den kortare formen med två klamrar, {}. Man kan antingen direkt införa egenskaperna mellan klamrarna eller införa dem genom tilldelningar senare. Oavsett hur objekten införs blir de instanser av det generella objektet Object.

Egna övningar

Övning på detta kommer i nästa exempel.