將值添加到 object javascript

Question

我有這個 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>

提前致謝。

Answer 1

tableData不是 object，它是一個數組（我想它也是一個 object，但不是你想的那種感覺）。 向其中添加任何內容就像使用push一樣簡單。

buttonAdd.addEventListener("click", function() {
    alert("clicked");
    tableData.push( {'value1': 3, 'value2': "Something new else", 'value3': 5} );
});

Answer 2

使用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);

    }