JS Tutorials
JS Introduction
JS Syntax
JS Comments
JS Variables
JS Operators
JS Data Types
JS Functions
JS Objects
JS Numbers
JS Arrays
JS Array Methods
JS Booleans
JS Events
JS Strings
JS Dates
JS Maths
JS Objects
Object Definition
Object Properties
Object Methods
Object Display
Object Prototypes
Object Iterables
Object Sets
Object Maps
Object References
JS Functions
Function Definition
Function Parameters
Function Invocation
Function Call
Function Apply
Function ClosuresJS Classes
Class Intro
Class Inhertitance
Class Static
JS Aysnc
JS Callbacks
JS Aysnchronous
JS Prmosies
JS ASync/Await
Previous
JS Objects
Real Life Objects, Properties, and Methods
In real life, a car is an object.
A car has properties like weight and color, and methods like start and stop:
| Properties | Methods |
|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
All cars have the same properties, but the property values differ from car to car.
All cars have the same methods, but the methods are performed at different times.
JavaScript Objects
You have already learned that JavaScript variables are containers for data values.
This code assigns a simple value (Fiat) to a variable named car:
let car = "Fiat";
Objects are variables too. But objects can contain many values.
This code assigns many values (Fiat, 500, white) to a variable named car:
const car =
{type:"Fiat", model:"500", color:"white"};
The values are written as name:value pairs (name and value separated by a colon).
It is a common practice to declare objects with the const keyword.
Learn more about using const with objects in the chapter:.