{ Object }

Javascript

Vad är ett objekt?

  • En samling av egenskaper i form av key - value
  • Allt i Javascript är egentligen ett objekt
  • document är ett objekt, även window 
const myObject = {};

Deklarering

Valbart namn

Initiera ett tomt objekt

const card = {
  color: 'Rött',
  type: 'Spader',
};


//Skriver ut 'Rött'
console.log(card.color); 
//Skriver ut 'Spader'
console.log(card.type);

Ett objekt med egenskaper

const card = {
  color: 'Rött',
  type: 'Spader'
};

card.number = 9;

Lägga till egenskaper

Objektet har nu tre egenskaper

const exam = {
  class: "17TE",
  subject: "Wsp 1",
  grades: ["A", "A", "B", "A", "B"]
};

console.log(exam.grades[2]); 
//Skriver ut B

Ett objekt kan innehålla arrayer

const rectangle = {
    size: {
        h: 87,
        w: 90
    },
    background: "cyan"
};

console.log(rectangle.size.h); 
//Skriver ut 87

Ett objekt kan innehålla andra objekt

Övning 1

Skapa ett objekt

Pokemon

med egenskaper:

 

Name: Pikachu

Power: Electricity

Look: Cute mouse

Found: Houses, Forest, Mountains, Islands

Size: { height: 0.4, weight: 6.0}

Övning 2

Uppdatera din Pokemon!

 

Name: Eevee

Power: Unstable genetic codes

Look: Brown eyes, big ears, pink paw pads

Found:  In the grass on Route 4

Size: { height: 0.3, weight: 6.5}