Creating a class array with a specific number of elements in Angular

Question

Creating a class array with a specific number of elements in Angular

Is there a way to initialize an array of type Passenger with a number of elements equal to the value stored in the variable count, all within the ngOnInit() function?

Here is the definition of the Passenger model:

export class Passenger {
    constructor(
        public ageCategory: string = '',
        public name: string = '',
        public lastName: string = '',
        public Ssn: string = '',
        public birtDate: NgbDate = new NgbDate(0, 0, 0),
        public passportDate: NgbDate = new NgbDate(0, 0, 0),
        public gender: string = '',
        public passportCountry: string = ''
    ) { }
}

Below is the code snippet from home.component.ts:

import { Passenger } from '../../models/passenger';


export class HomeComponent implements OnInit {

  passengers: Passenger[];
  count: number = 5;


  constructor() { }

  ngOnInit() {

  }

}

javascript arrays angular typescript

Answer 1

Answer №1

Are you suggesting something like this?:

ngOnInit() {
    this.passengers = new Array<Passenger>(3);
}

To populate with empty Passenger objects:

passengers: Passenger[] = [];

ngOnInit(){
    for(let i=0;i<this.count;i++){
        let pass= new Passenger();
        this.passengers.push(pass);
    }
}

Answer 2

Are you suggesting something like this?:

ngOnInit() {
    this.passengers = new Array<Passenger>(3);
}

To populate with empty Passenger objects:

passengers: Passenger[] = [];

ngOnInit(){
    for(let i=0;i<this.count;i++){
        let pass= new Passenger();
        this.passengers.push(pass);
    }
}

Answer 3

Answer №2

To create new Passenger objects, you can utilize the constructor within a map method like so:

ngOnInit() {
  this.passengers = new Array(this.count)
    .fill(0)
    .map(_ => new Passenger());
}

Answer 4

To create new Passenger objects, you can utilize the constructor within a map method like so:

ngOnInit() {
  this.passengers = new Array(this.count)
    .fill(0)
    .map(_ => new Passenger());
}

Creating a class array with a specific number of elements in Angular

Answer №1

Answer №2

Similar questions

I'm unsure how to utilize the generic type in this particular scenario. It's a bit confusing to me

The parent-child relationships in MongoDB

Organize the HTML output generated by a PHP array

Personalize the start and end dates of Fullcalendar

Setting a pre-selected value in a Vue.js dropdown list involves a few simple steps. This

Angular 2 - The constructor of a class cannot be called without using 'new' keyword

"Utilize JavaScript to detect both the loading and unloading events on a webpage

The JavaScript else statement is failing to execute as intended

Storing the output of asynchronous promises in an array using async/await technique

Building a search form using Vue.js with query parameters

Creating an infinite SVG animation loop using JavaScript

Is there a way to track and detect alterations to an element using JavaScript or jQuery

Developing applications using ReactJS with Typescript can sometimes lead to errors, such as the "onclick does not exist on type x

Is there a permanent solution to fixing the error code -4094 that is repeatedly occurring during React Native startup?

Utilize Auth.currentSession() every 5 minutes within Vuex Store for automatic session management

Struggling to get Angular to properly sanitize inputs using ng-bind-html

HTML Element Split in Two by a Line in the Middle

Transfer or duplicate an SVG image from the bottom div to the top div

tips for deactivating routerLink functionality on anchor elements

Creating separate chunks for individual files in Vue CLI3JsonPropertyTitleFileType