There are two methods by which we can access the properties of a JavaScript object.

  1. Bracket Notation
  2. Dot Notation

Normally, developers are customed to using dot notion while programming due to its simplicity.

const object = { one: "first", two: "second", three: "third" };

const firstProperty = object.one;
console.log(firstProperty);  //first  👈

However, in the case of key names having spaces, hyphens or dots, we cannot use dot notation to access the object properties. This is where bracket notation comes in handy.


const object2 = { "one-1": "first", "two two": "second", "three.3": "third" };

const firstProperty = object2["one-1"];
const secondProperty = object2["two two"];
const thirdProperty = object2["three.3"];

console.log(firstProperty);  //first 👈
console.log(secondProperty);  //second 👈
console.log(thirdProperty);  //third 👈

Both dot notation and bracket notation can be used interchangeably when accessing an object. Use the one that is convenient for the situation.

const object3 = {
  blog1: {
    "author name": "Sharooq",
  },
};

const authorName = object3["blog1"]["author name"];  👈
console.log(authorName);  //Sharooq  👈

This code access an object property that is in a nested location. Here, we used both dot and bracket notations to achieve the same

However, we can stick with using bracket notation alone like in this code:

const object3 = {
  blog1: {
    "author name": "Sharooq",
  },
};

const authorName = object3["blog1"]["author name"];  👈
console.log(authorName);  //Sharooq  👈

You can check out my other article "How to Access a JavaScript Object Property that has a Hyphen ( - ) in its Key Name" to have more understanding of this topic.

How to Access a JavaScript Object Property that has a Hyphen ( - ) in its Property Name.
There are two ways in which we can access the properties of a JS object. They are Bracket Notion and Dot Notation, used interchangeably depending on limitations and simplicity.
How to Access a JavaScript Object Property that has a Hyphen ( - ) in its Property Name.Sharooq Salaudeen

Thank you for reading. Check out my featured posts. See you in the next one.