🍡Reading Dynamic Property

To read a dynamic property in JavaScript, you can use the square bracket notation or the dot notation. The square bracket notation allows you to access a property using a string that represents the property name, while the dot notation allows you to access a property using the property name itself.

Here is an example of using the square bracket notation to read a dynamic property:

codeconst obj = {};

// Set the value of the "prop" property to "foo"
obj["prop"] = "foo";

// Read the value of the "prop" property
const value = obj["prop"];
console.log(value); // Output: "foo"

In this example, we create an object called "obj" and add a dynamic property called "prop" to it. We then use the square bracket notation to set the value of the property to "foo" and to read the value of the property.

Here is an example of using the dot notation to read a dynamic property:

codeconst obj = {};

// Set the value of the "prop" property to "foo"
obj.prop = "foo";

// Read the value of the "prop" property
const value = obj.prop;
console.log(value); // Output: "foo"

In this example, we use the dot notation to set the value of the "prop" property to "foo" and to read the value of the property. The dot notation only works if the property name is a valid identifier (i.e., it does not contain any spaces or special characters and does not start with a number).

In both cases, the value of the dynamic property is accessed at runtime, which means that it can be changed or updated while the code is being executed. This allows you to create and modify properties of an object on the fly, which can be useful in a variety of situations.