Objects | Object-Oriented JavaScript

From Arrays to Objects

As you already know from Chapter 2, an array is just a list of values. Each value has an index (a numeric key) starting from zero and incrementing by one for each value.

>>>> var myarr = ['red', 'blue', 'yellow', 'purple'];
>>> myarr;

["red", "blue", "yellow", "purple"]

>>> myarr[0]

"red"

>>> myarr[3]

"purple"

If you put the indexes in one column and the values in another, you'll end up with a table of key/value pairs like this:

Key	Value
0	red
1	blue
2	yellow
3	purple

An object is very similar to an array but with the difference that you define the keys yourself. You're not limited to using only numeric indexes but can use friendlier keys, such as first_name, age, and so on.

Let's take a look at a simple object and examine its parts:

var hero = {
  breed: 'Turtle', 
  occupation: 'Ninja'
};

You can see that:

The name of the variable that contains the object is hero
Instead of [ and ] which you use...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Object-Oriented JavaScript

Object-Oriented JavaScript

Overview of this book

From Arrays to Objects

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access