如何给数组中普通创建的对象一个新的属性

Question

我有一个空数组，例如const arr = [];，当我点击页面中的按钮时，我想在这个数组中创建新的Object，我用下面的代码行来完成

//add is button element
const add = document.querySelector(".add");
//value is input element
const valueInput = document.querySelector(".value");
add.addEventListener('click', ()=> {
arr.push(new Object)
console.log(arr)
})

它生成了对象，但我想获取这个对象并插入到新的属性中，例如调用">"；文本">和数组应该看起来像

arr[{text: ''}]

并且每次单击我都想在此数组中创建新对象，并且属性仍然必须是文本，在文本中我将输入值

我试过自己的

arr.push(new Object = {text})

arr.Object.text = valueInput.value

但它们都给了我左边的错误

Answer 1

只需使用具有属性text的对象文字，其值将为valueInput.value。

//add is button element
const add = document.querySelector(".add");
//value is input element
const valueInput = document.querySelector(".value");
const arr = [];
add.addEventListener("click", () => {
arr.push({
text: valueInput.value
});
console.log(arr);
});

<input type="text" placeholder="Insert text" class="value" />
<button class="add">add</button>