The dot notation and bracket notation both are used to access the object properties in JavaScript. The dot notation is used mostly as it is easier to read and comprehend and also less verbose. The main difference between dot notation and bracket notation is that the bracket notation allows us to access object properties using variable.

Following is the code for bracket notation vs dot notation in JavaScript −

Example

 Live Demo

Dot notation vs Bracket notation in JavaScript

CLICK HERE
Click on the above button to access the student1 object properties using dot and bracket notation

Output

On clicking the ‘CLICK HERE’ button −