SKU // 48

Objects: The Path

So far most of your variables have held one thing: a number, a string, a boolean. Real-world things have many details. A student has a name, a grade, an ID, and a schedule. An object bundles all of those details together under one name.

// The Problem Objects Solve

// Without objects: loose variables that only belong together by naming
let studentName  = "Riley";
let studentGrade = 10;
let studentGPA   = 3.6;

// With an object: one thing, with named parts
const student = {
  name: "Riley",
  grade: 10,
  gpa: 3.6
};

console.log(student.name);

Riley

Now you can pass the whole student to a function, store thirty students in a list, or add a new detail without inventing another variable name.

// Objects Are Everywhere

You have been using objects all along without writing your own:

console.log("...")      // console is an object; log is one of its methods
Math.PI                 // Math is an object; PI is one of its properties
document.getElementById  // the whole web page is an object called document

Big Idea

In JavaScript, almost everything that is not a primitive (string, number, boolean, null, undefined, bigint, symbol) is an object. Arrays are objects. Functions are objects. Dates are objects.

// The Vocabulary

const car = {
  make: "Toyota",          // a PROPERTY: key "make", value "Toyota"
  year: 2021,              // another property
  honk() {                 // a METHOD: a property whose value is a function
    return "Beep!";
  }
};

Key	The name of a detail (`make`)
Value	What is stored under that name (`"Toyota"`)
Property	A key and its value together
Method	A property that holds a function: something the object can do

// Think of It Like a Form

An object is like a filled-in form. The labels on the form are the keys ("Name:", "Year:"). What is written in each box is the value. Methods are the instructions printed at the bottom ("To honk, press here").

// The Road Ahead

Lesson	Question it answers
Object Intro	How do I create one?
Object Properties	How do I read, add, change, and remove details?
Object Methods	How do I give an object actions?
Object this	How does a method refer to its own object?
Object Display	How do I show an object's contents?
Object Constructors	How do I make many objects of the same shape?

Further down the road

Objects go much deeper than this section. So the names are familiar when you meet them later, the advanced path covers:

Object definitions: other ways to build objects, like Object.assign(), Object.create(), and Object.fromEntries()
Getters and setters: properties that run a function when read or written
Object protection: locking an object so properties cannot be added, changed, or deleted
Prototypes: how objects inherit properties and methods from other objects

// Quick Check

In const car = { make: "Toyota", honk() { return "Beep!"; } };, what is honk?

A key
A value
A method
A primitive

Show answer

C. A method is a property whose value is a function: something the object can do. make is a key, and "Toyota" is its value.

Which of these is not an object?

An array
A date
The number 42
A function

Show answer

C. Numbers are primitives. Arrays, dates, and even functions are all objects in JavaScript.

Why use one object instead of separate variables like studentName, studentGrade?

Objects run faster
The details travel together as one thing you can pass, store, or list
Variables cannot hold strings
Objects cannot be changed

Show answer

B. Bundling related details lets you pass a whole student to a function or keep thirty students in one list.

// Try It

Pick something around you (a phone, a book, a pet) and list five details about it
Click Open Playground and write those details as an object
Print one of its values using a dot, like book.title
Log Math.PI, then log Math.round(4.6). Which one is a property and which is a method?

// Video Walkthroughs

Last updated: Oct 10, 2026, 12:52 AM ET