How to add a property to a JavaScript object using a variable as the name?

In this article, you will understand how to add a property to a JavaScript object using a variable as the name. Adding property to an object can be achieved by two methods. The first is the dot (.) notation and the second is using the brackets([]).

Example 1

In this example, let?s use the dot (.) notation.

var inputObject = {a: "value1"};
console.log("An object is created with properties: ", inputObject)

inputObject.b = "value2";

console.log("\nAfter adding properties, the object now contains: ", inputObject)
console.log(inputObject)

Explanation

• Step 1 ? Define an object namely inputObject.

• Step 2 ? Add an additional property to the object using dot notation.

• Step 3 ? Display the values.

Example 2

In this example,

var inputObject = {a: "value1"};
console.log("An object is created with properties: ", inputObject)

inputObject['c'] = "value3"

console.log("\nAfter adding properties, the object now contains: ", inputObject)
console.log(inputObject)

Explanation

• Step 1 ? Define an object namely inputObject.

• Step 2 ? Add an additional property to the object using bracket notation.

• Step 3 ? Display the values.