How to Push only one object and update it into Array using 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">

If I am getting this right you need arrObj to contain the most recent value of text input before click is pressed? — stark
– stark, Commented Dec 25, 2020 at 11:32

Sudhanshu Rai · Accepted Answer · 2020-12-25 11:42:58Z

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">

edited Dec 25, 2020 at 11:42

answered Dec 25, 2020 at 11:36

Sudhanshu Rai

2,0691 gold badge11 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sudhanshu Rai Over a year ago

You got to update the function name to something like "updateObject" too then

ipmanlk · Accepted Answer · 2020-12-25 11:37:57Z

0

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">

answered Dec 25, 2020 at 11:37

ipmanlk

335 bronze badges

Collectives™ on Stack Overflow

How to Push only one object and update it into Array using JavaScript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related