Adding element to an empty JSON object - Angular

Question

I have an empty JSON object

export class Car {}

I have imported it in a component.ts and I would like to add some fields in a loop. Something like

aux = new Car;
for (var i = 0; i < 10; i++) {
 car.addName("name" + i);
}

My goal would be to get at the end the following object

car: {
  name1: name1;
  name2: name2;
  ....
}

I have created the JSON object empty because at the beginning I do not know how many elements or fields will have. I could create this object by javascript. I do not need to have an export class

is it possible?

Cant use the same key twice in an object, could have an array of objects tho... — tymeJV
– tymeJV, Commented Mar 21, 2018 at 16:25
What is the relationship between Car and ImportParameter? You're not using the second one at all in your component — Oscar Paz
– Oscar Paz, Commented Mar 21, 2018 at 16:42
What is car? What is aux? Are they properties of ImportParameter class? — acdcjunior
– acdcjunior, Commented Mar 21, 2018 at 17:11

David · Accepted Answer · 2018-03-21 18:13:57Z

1

You can simply add properties like this

aux = new Car;

for (var i = 0; i < 10; i++) 
{
  aux["name" + i] = "name"+i;
}

answered Mar 21, 2018 at 18:13

David

34.6k13 gold badges90 silver badges124 bronze badges

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

Comments

Rohìt Jíndal · Accepted Answer · 2018-03-22 06:18:44Z

1

I could create this object by javascript. I do not need to have an export class

Yes it is possible.

Working Demo

var car = {};

for (var i = 0; i < 10; i++) {
 car["name" + (i+1)] = "name" + (i+1);
}

console.log(car);

answered Mar 22, 2018 at 6:18

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

Comments

Oscar Paz · Accepted Answer · 2018-03-22 09:23:52Z

1

Why do you define a class for an empty object? In any case, define an interface:

export interface Car {
     [id: string]: string
}

Now, to fill it:

const car = <Car>{};

for (var i = 0; i < 10; i++) {
    car[`name${i}`] = `name${i}`;
}

answered Mar 22, 2018 at 9:23

Oscar Paz

18.3k3 gold badges30 silver badges43 bronze badges

Collectives™ on Stack Overflow

Adding element to an empty JSON object - Angular

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