Objects are one of the most important parts of JavaScript, and object properties are what make objects useful.
If you understand how properties work, you can easily handle user data, API responses, configurations, and real-world application data.

What Are Object Properties in JavaScript?

An object property is simply a key–value pair inside an object.

Example:

Here:

  • name, age, and city are properties (keys)

  • "Raj", 21, "Noida" are values

You can think of properties like labels attached to data.

Accessing Object Properties

There are two ways to access properties.

1. Dot Notation (Most Common)


2. Bracket Notation

Both work, but dot notation is simpler and more readable.

When to Use Bracket Notation

Bracket notation is useful when:

  • The property name has spaces

  • The property name is stored in a variable

Example:


Or with variable:


Updating Object Properties

You can easily change the value of a property.


Objects are mutable, meaning their properties can be modified.

Adding New Properties

You can add new properties anytime.

Now the object contains:

  • name

  • age

  • city

  • email

This flexibility makes objects very powerful.

Deleting Object Properties

You can remove a property using the delete keyword.

Now city is removed from the object.

Checking If a Property Exists

You can check whether a property exists using the in operator.

This is useful when working with API data.

Real-World Example of Object Properties

Imagine a product object in an e-commerce app:

This is exactly how:

  • User profiles

  • Products

  • Orders

  • API responses
    are structured in real applications.

Common Mistakes Beginners Make

Using dot notation for invalid keys


Correct way



Why Object Properties Are Important in JavaScript

Understanding object properties in JavaScript helps you:

  • Work confidently with APIs and JSON

  • Build real-world projects

  • Use frameworks like React and Node.js

  • Manage complex data structures

  • Perform better in interviews

Almost every professional JavaScript project heavily uses objects and their properties.

Quick Summary

  • Object properties are key–value pairs

  • Use dot notation for normal keys

  • Use bracket notation for dynamic or special keys

  • You can add, update, delete, and check properties

  • Objects are essential for real-world JavaScript development

Conclusion

Object properties in JavaScript allow you to store, access, and manage data in a structured way. Once you master this concept, working with APIs, databases, and frontend frameworks becomes much easier.