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