How to Dynamically Access Object Property Using Variable in JavaScript

  1422 views   1 year ago Javascript

Use the Square Bracket ([]) Notation

There are two ways to access or get the value of a property from an object — the dot (.) notation, like, and the square bracket ([]) notation, like obj[foo].

Where the dot notation is easier to read and write, the square bracket notation offers much more flexibility since the value between the brackets can be any variable or expression.

Therefore, if you've an object's property name stored in a JavaScript variable, you can get its value using the square bracket notation, as shown in the following example:

// Sample JS object
var obj = {
    name: "Peter Parker",
    age: 16,
    country: "United States"
// Property name stored in JS variable
var prop = 'name';
// Accessing property value
alert(obj[prop]); // Outputs: Peter Parker


Author : Harsukh Makwana
Harsukh Makwana

Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]

Related Articles