How to push object into an array? in Angular 7

Question

I am pushing an object into an array but cannot do it?

I'm doing it like this

this.passData = this.tribeForm.value;
    var id = {"tribe_id": 1}
    this.passData.push(id)

This is the value in the tribeForm

I also tried

var id = {tribe_id: 1}

and

this.passData.splice(0,0, id)

and

this.passData = Array.prototype.slice(id)

and

this.passData.concat(id)

but it all ends up with

TypeError: this.passData.push/splice/concat is not a function

tribeForm is not an array, it's an object. You can not push/concat/slice an object. What instead you can do is this.passData['id']=id — alt255
– alt255, Commented Jul 12, 2019 at 4:03
if (!this.passData) this.passData=[id] else this.passData.push(id). NOTE: in typescript not use var, use let or constant — Eliseo
– Eliseo, Commented Jul 12, 2019 at 6:15

Narasimha Prasanna HN · Accepted Answer · 2019-07-12 05:06:08Z

The question is not that clear, But I understood you are manipulating form data, value of form data returns an Object, Not an array. Objects in JavaScript are represented as key-value pairs, (or attribute-value) pairs.

Example :

var object = {
  name : "Jhon", 
  grade : 12,
  gpa : 8.12
}

It is just a collection of key-value pairs, push(), concat() and other methods are supported only for Arrays not for Objects. You can achieve whatever you want simply by creating a new key/attribute and assigning the value to it.

this.passData = this.tribeForm.value
this.passData['tribe_id'] = 1
//or, Objects can also contain nested object
this.passData['someKey'] = {'tribe_id' : 1}

You can create an empty array and push objects to it

Example :

var exampleArray = []
exampleArray.push({'tribe_id' : 1})

Now, it works because exampleArray is an Array not JS object.

Thanks for A2A

Ethan Vu · Accepted Answer · 2019-07-12 05:36:58Z

2

First, you need to understand the error:

TypeError: this.passData.push/splice/concat is not a function

Push/splice/concat is functions for Array and because of that the console is yelling at you that the passData is not an Array.

Make sure your passData is an Array and you will able to do so.

answered Jul 12, 2019 at 5:36

Ethan Vu

2,9971 gold badge12 silver badges26 bronze badges

Comments

Avtandil Kavrelishvili · Accepted Answer · 2023-07-17 20:00:30Z

0

This is a simple answer with multiply object case too.

      this.passData.push({ tribe_id: 1, name: "lorm ipsum" });

answered Jul 17, 2023 at 20:00

Avtandil Kavrelishvili

1,7973 gold badges28 silver badges38 bronze badges

Collectives™ on Stack Overflow

How to push object into an array? in Angular 7

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related