WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES

How to Dynamically Access Object Property Using Variable in JavaScript

Topic: JavaScript / jQueryPrev|Next

Answer: 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 obj.foo, 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:

  • <script>
  • // 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
  • </script>

Please check out the tutorial on JavaScript objects to learn about objects in greater detail.


Related FAQ

Here are some more FAQ related to this topic:

Your Feedback:

We would love to hear from you, please drop us a line.