We know that an object value can be accessed by using a Dot notation or Bracket notation. But we can also access the value using a variable key. Let's look over them in a nutshell.
Using Dot and Bracket Notations
Example
In the following example, object value is accessed using Dot and Bracket notation. Using a bracket notation is nothing but using a string key.
<html>
<body>
<script>
let me = {
name: 'javascript'
};
document.write(me.name);
document.write("</br>");
document.write(me['name']);
</script>
</body>
</html>Output
javascript javascript
Using Variable Key
Example
In the following example, instead of Dot and Bracket notations, a variable key is used to access the value of an object.
<html>
<body>
<script>
let me = {
name: 'javascript'
};
let key = 'name'
document.write(me[key]);
</script>
</body>
</html>Output
javascript