Typescript create array with loop dynamically

Question

Am creating a mock class, for generate example data for my Angular2 TypeScript project. Am still a beginner with programming, and struggle with the informatie that is available about TypeScript. My question:

I want to create 100 items and save them in an array. The 100 items will be generated dynamically. The static way i use is very simple, but how do I can do this dynamicly? I made a begin with some iteration code, but how can I best replace the console.log code, and let the output of the iteration be as the static data. I need some examples

mock-names.ts (Static)

export var NAMES: Name[] = [
    {"id": 01, "name": "Tony"},
    {"id": 02, "name": "Jake"}
]

mock-names-dynamically.ts (Dynamically)

export var NAMES = [];

for (let i = 1; i < 100; i++) {
    console.log(i);
}

name.ts (Name Class file)

export class Name {
    id: number;
    name: string;
}

Where the names values will come from? Also, it seems that you have a class called Name, could post this class here? — thitemple
– thitemple, Commented Apr 11, 2016 at 18:28

Nick Tsitlakidis · Accepted Answer · 2016-04-11 18:32:14Z

37

All you have to do is use the push function of the array in Javascript.

var NAMES = [];
for (let i = 1; i < 100; i++) {
    let newName = {
       id:i.toString(),
       name:"Tony"
    };
    NAMES.push(newName);
}

answered Apr 11, 2016 at 18:32

Nick Tsitlakidis

2,5094 gold badges23 silver badges27 bronze badges

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

4 Comments

wintersa Over a year ago

Thank you, I understand what your code is doing. I will try this!

wintersa Over a year ago

I works but not completely for me. The 100 items are created with only the name, and without the Id. I need to figure that out. But am now at the right direction, thanks.

Nick Tsitlakidis Over a year ago

Based on my code snippet, the id of each object should be a string representation of the i value. Please double check your code.

wintersa Over a year ago

This was stupid The problem was in my class, sorry. But again thanks!

Andrii Kovalchuk · Accepted Answer · 2018-12-13 10:34:51Z

10

ES6 Way:

 const getData = () => Array.from(new Array(100), (val, index) => ({
       id:index.toString(),
       name:"Tony"
    };);

answered Dec 13, 2018 at 10:34

Andrii Kovalchuk

4,9462 gold badges40 silver badges32 bronze badges

Comments

Kaushal · Accepted Answer · 2020-07-06 17:56:12Z

2

Another way of dynamic initialization, if you are not sure about the size of the array-

let list:Array<{_id:string,name:string}> = Array()

Then simply push values using a loop

list.push({_id:'it001',name:'Sam'})

answered Jul 6, 2020 at 17:56

Kaushal

394 bronze badges

Collectives™ on Stack Overflow

Typescript create array with loop dynamically

3 Answers 3

4 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Linked

Related