JavaScript Objects Tutorial

HTML5ANDCSS3Tools and Tutorials

JavaScript Objects Tutorial - HTML5ANDCSS3

JavaScript Objects

Written by Swapnil RajaPublished 24 Aug 2026

A JavaScript object stores related values together as named properties.

An array uses numbers to find its values; an object uses names.

Each name and value pair is called a property.

Example

javascript

const person = {
  name: "Ada",
  age: 36
};

console.log(person.name);

The output is Ada.

What is an Object?

An object is a collection of named values written inside curly braces.

Each property has a key and a value, separated by a colon.

PreviousJavaScript Array flat NextJavaScript Object Methods

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Objects</title>
</head>
<body>

  <h1>JavaScript Objects</h1>

  <p id="result"></p>

  <script>
    const person = {
      name: "Ada Lovelace",
      role: "Mathematician",
      year: 1815
    };

    document.getElementById("result").innerHTML =
      person.name + "<br>" + person.role + "<br>" + person.year;
  </script>

</body>
</html>

JavaScript Objects

Example

What is an Object?

Syntax

Dot Notation

Example

Bracket Notation

Example

Adding and Changing Properties

Example

Missing Properties

Example

Deleting a Property

Example

Complete Example

Try It Yourself

Important Points

Conclusion