[英]Adding values to an object javascript
我有这个 object:
var tableData = [
{ value1: 1, value2: "Something", value3: 10 },
{ value1: 2, value2: "Something else", value3: 12 }
];
我有 3 个输入,当我单击按钮添加时,我想将输入字段添加到这个 object 中,如下所示:
var tableData = [
{ value1: 1, value2: "Something", value3: 10 },
{ value1: 2, value2: "Something else", value3: 12 }
{ value1: 3, value2: "Something new else", value3: 5 } // new input
];
我知道我必须做一些事情:
buttonAdd.addEventListener("click", function() {
alert("clicked");
// something here
});
Html:
<input id="value1" type="text">
<input id="value2" type="text">
<input id="value3" type="text">
<button id="add" type="button">Add</button>
<div>
<table>
<thead>
<tr>
th>value1</th>
<th>value2</th>
<th>value3</th>
</tr>
</thead>
<tbody id="tableData">
</tbody>
</table>
</div>
提前致谢。
tableData
不是 object,它是一个数组(我想它也是一个 object,但不是你想的那种感觉)。 向其中添加任何内容就像使用push
一样简单。
buttonAdd.addEventListener("click", function() {
alert("clicked");
tableData.push( {'value1': 3, 'value2': "Something new else", 'value3': 5} );
});
使用Array Push你可以实现它
buttonAdd.addEventListener("click", function() {
var tableData = [
{ value1: 1, value2: "Something", value3: 10 },
{ value1: 2, value2: "Something else", value3: 12 }
];
tableDataObject={ value1: 3, value2: "Something new else", value3: 5 }
tableData.push(tableDataObject);
console.log(tableData);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.