Add new object in array

Question

It seems easy but it is not working for me. I want o add new array and name in object after fill input. When clicking at button OK should add new object. For example:

let arr = [{
    name: 'thomas',
    point: ''
  },
  {
    name: 'this should be value from input',
    point: ''
  }];

Now I have this code:

Name: <input type="text" id="input">
<button onclick="ok()">OK</button>

const input = document.querySelector('#input');

const arr = [{
    name: 'Thomas',
    point: ''
  }];
function ok(){


arr['name'].push(input.value);
console.log(input.value);
console.log(arr);
}

T.J. Crowder · Accepted Answer · 2020-03-16 15:36:11Z

2

You need to create a new object, and callpush on the array, not the object inside it:

    arr.push(
// −^^^^^^^^
        {                         // This part is an "object
            name: input.value,    // literal" that creates
            point: ''             // a new object with these
        }                         // properties in it
    );

answered Mar 16, 2020 at 15:36

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

Collectives™ on Stack Overflow

Add new object in array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related