JavaScript Set object key by variable

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.

Example-1: This example sets the object key by variable key and then inserts {“GFG_key”:”GFG_Val”} object to a array. 

html

<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>

Output:

JavaScript Set object key by variable

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. 

html

<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>

Output:

JavaScript Set object key by variable