[英]Adding values to an object javascript
I have this object:我有这个 object:
var tableData = [
{ value1: 1, value2: "Something", value3: 10 },
{ value1: 2, value2: "Something else", value3: 12 }
];
and I have 3 inputs, when I click button add I want to add input fileds to this object to look like this:我有 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
];
I know that I have to do something with:我知道我必须做一些事情:
buttonAdd.addEventListener("click", function() {
alert("clicked");
// something here
});
Html: 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>
Thanks in advance.提前致谢。
tableData
isn't an object, it's an array (which I suppose is also an object, but not in the sense you're thinking of). tableData
不是 object,它是一个数组(我想它也是一个 object,但不是你想的那种感觉)。 Adding anything to it is as simple as using push
.向其中添加任何内容就像使用push
一样简单。
buttonAdd.addEventListener("click", function() {
alert("clicked");
tableData.push( {'value1': 3, 'value2': "Something new else", 'value3': 5} );
});
Using Array Push you can achieve it使用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.