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