如何仅推送一个 object 并使用 JavaScript 将其更新为数组？

Question

I am creating simple App using Vanilla JavaScript, I have some issue, Let's explain my problem,In the beginning i have empty array, I want to push some values from Input field, and it's works fine, but i want to push only one object into arrOfObj:[] , that means i want replace old value by new value, without changing the length.

 var arrOfObj = []; function pushObject() { var inputVal = document.getElementById('mainInput').value; arrOfObj.push({ id: 1, value: inputVal }); console.log(arrOfObj); }

 <button onclick="pushObject()">click</button> <input type="text" id="mainInput">

Answer 1

I think instead of using push , you can directly replace the first index with your new object

    var arrOfObj = [];
    function pushObject(){
     var inputVal = document.getElementById('mainInput').value
     //replace the first value of array
     arrOfObj[0] = {'id':1, 'value':inputVal};
      console.log(arrOfObj)
    }

    
    <button onclick="pushObject()">click</button>
    <input type="text" id="mainInput">

Answer 2

You can achieve this by simply updating the 0th element of your array if there is one.

 var arrOfObj = []; function pushObject(){ var inputVal = document.getElementById('mainInput').value if (arrOfObj[0]) { arrOfObj[0].value = inputVal } else { arrOfObj.push({'id':1, 'value':inputVal}) } console.log(arrOfObj) }

 <button onclick="pushObject()">click</button> <input type="text" id="mainInput">