JavaScript Objects

Step 1

JavaScript Objects

Objects are variables that can store both values and functions.

Objects are one of the most important concepts in JavaScript.

If you understand objects, you understand JavaScript.

Beginner

Step 2

Object Properties

JavaScript objects are collections of properties.

Properties can be changed, added and deleted.

Beginner

Step 3

Object Methods

Methods are actions that can be performed on objects.

Method are functions stored as a property values.

Beginner

Step 4

Object this

In JavaScript, this is used to access the object that is calling a method.

Beginner

Step 5

Object Display

Displaying properties by name
Displaying properties in a loop
Using Object.values()
Using JSON.stringify()

Beginner

Step 6

Object Constructors

Sometimes we need to create many objects of the same type.

To create an object type we use an object constructor function.

Beginner

Step 1

Object Definitions

Using an Object Literal
Using the new Keyword
Using an Object Constructor
Using Object.assign()
Using Object.create()
Using Object.fromEntries()

Advanced

Step 2

Object Iterations

Object.entries(object)
Object.keys(object)
Object.values(object)
Object.groupBy(object, callback)

Advanced

Step 3

Object Prototypes

All JavaScript objects inherit properties and methods from a prototype.

Advanced

Step 4

Getters and Setters

Getters and setters allow you to define Object Accessors (Computed Properties).

Advanced

Step 5

Object Destructuring

The destructuring assignment syntax unpack object properties into variables.

Advanced

Step 6

Object Protection

Prevents changes to an object
Prevents adding properties
Prevents deleting properties

Advanced

Step 7

Object Management

Accessing property descriptors
Adding or changing properties

Advanced

Step 8

Object Reference

Object Methods and Properties
Revised July 2025

Advanced