Добавление значений к объекту javascript

Question

У меня есть этот объект:

var tableData = [
    { value1: 1, value2: "Something", value3: 10 },
    { value1: 2, value2: "Something else", value3: 12 }
];

и у меня есть 3 входа, когда я нажимаю кнопку добавления, я хочу добавить входные файлы к этому объекту, чтобы они выглядели так:

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

Используя Array Pu sh, вы можете достичь этого

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

    }

Answer 2

tableData не объект, это массив (который, я полагаю, тоже объект, но не в том смысле, о котором вы думаете). Добавить что-нибудь к этому так же просто, как использовать push.

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