JavaScript | Set object key by variable - GeeksforGeeks

29 Apr, 2019
In order to set an object’s key by variable, here are few steps to follow.Steps:
First make a variable.
Then make a object.
Assign that variable a value.
Here are few of the examples.Example-1: This example sets the object key by variable key and then inserts {“GFG_key”:”GFG_Val”} object to a array.
<!DOCTYPE html><html>  <head>    <title>        JavaScript | Set object key by variable    </title>  </head>  <body style="text-align:center;">      <h1 style="color:green;">              GeeksForGeeks          </h1>    <p id="GFG_UP"       style="color:green;              font-size: 20px;">    </p>      <button id="GFG_Button"             onclick="set()">      set  </button>    <p id="GFG_P"        style="color:green;              font-size: 20px;">    </p>    <script>        myArray = [{            'key_1': 'value_1'        }, {            'key_2': 'value_2'        }];        var up =             document.getElementById("GFG_UP");                up.innerHTML =           JSON.stringify(myArray);                var down =             document.getElementById("GFG_P");          function set() {              var key = "GFG_key";            var obj = {};            obj[key] = "GFG_Val";            myArray.push(obj);            down.innerHTML = JSON.stringify(myArray);        }    </script></body>  </html>
Output:
Before clicking on the button:
After clicking on the button:
Example-2:This example sets the object key by variable key as well as object value by variable val and then inserts {“GFG_key”:”GFG_N_Val”} object to a array.
<!DOCTYPE html><html>  <head>    <title>        JavaScript | Set object key by variable    </title>  </head>  <body style="text-align:center;">      <h1 style="color:green;">              GeeksForGeeks          </h1>    <p id="GFG_UP"       style="color:green;               font-size: 20px;">    </p>      <button id="GFG_Button"            onclick="set()">      set  </button>    <p id="GFG_P"       style="color:green;              font-size: 20px;">    </p>    <script>        myArray = [{            'key_1': 'value_1'        }, {            'key_2': 'value_2'        }];        var up = document.getElementById("GFG_UP");        up.innerHTML = JSON.stringify(myArray);        var down = document.getElementById("GFG_P");          function set() {              var key = "GFG_key";            var obj = {};            var val = "GFG_N_Val";            obj[key] = val;            myArray.push(obj);            down.innerHTML = JSON.stringify(myArray);        }    </script></body>  </html>
Output:
Before clicking on the button:
After clicking on the button:
JavaScript-Misc
JavaScript
Web Technologies
Web technologies Questions
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Remove elements from a JavaScript Array
Convert a string to an integer in JavaScript
Difference between var, let and const keywords in JavaScript
Differences between Functional Components and Class Components in React
How to append HTML code to a div using JavaScript ?
Remove elements from a JavaScript Array
Installation of Node.js on Linux
Convert a string to an integer in JavaScript
How to fetch data from an API in ReactJS ?
Top 10 Projects For Beginners To Practice HTML and CSS Skills