Name: Object Literals
Rating: 2.7 (911 reviews)
Author: meganpaffrath

Object Literals

Megan Paffrath - Aug 6 -

- Dev Community

Objects are collections of key-value pairs (properties).

To create an object we can do as follows:

let person = {
   firstName: 'Megan',
   isOnVacation: true,
   favFoods: ['plum', 'salad', 'fritos']
}

To access values within the object we can:

console.log(person.isOnVacation); // true
console.log(person['isOnVacation']); // true

We can also make an object that contains objects:

let student = {
   name: 'Jimmy',
   exams: {
      artFinal: 'A',
      mathFinal: 88
   }
}

To access a value in the object's object, we can:

console.log(student.exams.artFinal); // 'A'

Also, we can make arrays containing objects:

let friends = [
   {
      name: 'Sorour',
      favColor: 'blue',
      metAt: 'college'
   },
   {
      name: 'Timothy',
      favColor: 'red',
      metAt: 'Starbucks'
   }
];

To access a value in the second object, we can call:

console.log(friends[1].favColor); // 'red'

To update a value in the second object, we can:

friends[1].name = 'Tim';

console.log(friends[1].name); // Tim