Initialisieren Sie ein Array in TypeScript
- Initialisieren Sie ein Array bestimmter Typen in TypeScript
- Verwenden Sie benannte Parameter, um ein Array in TypeScript zu initialisieren
Arrays in TypeScript oder JavaScript sind Datenstrukturen zum Speichern fortlaufender Speichersegmente. Arrays sind äußerst nützlich und werden häufig in fast allen Anwendungen verwendet.
Dieses Tutorial zeigt, wie ein Array in TypeScript initialisiert werden kann.
Initialisieren Sie ein Array bestimmter Typen in TypeScript
Ein Array in TypeScript kann mit dem leeren Array-Wert und dem Typ Array initialisiert werden, der einem benutzerdefinierten Typ zugewiesen wird.
class Product {
name : string;
quantity : number;
constructor(opt : { name? : string, quantity? : number}){
this.name = opt.name ?? 'default product';
this.quantity = opt.quantity ?? 0;
}
}
var products : Array<Product> = [];
products.push( new Product({name : 'pencil', quantity : 10}) )
products.push( new Product({name : 'pen', quantity : 4}) )
console.log(products);
Ausgang:
[Product: {
"name": "pencil",
"quantity": 10
}, Product: {
"name": "pen",
"quantity": 4
}]
Anstelle von var products : Array<Product> = []; kann man auch var products : Product[] = []; verwenden und erhält die gleiche Funktionalität und die Typisierungsunterstützung durch TypeScript.
Die Arrays können auch vom Typ interface sein.
interface Product {
name: string;
quantity : number;
}
var products : Array<Product> = [];
var prod : Product[] = []
products.push({name : 'pencil', quantity : 10});
products.push({name : 'pen', quantity : 4});
console.log(products);
Ausgang:
[{
"name": "pencil",
"quantity": 10
}, {
"name": "pen",
"quantity": 4
}]
Verwenden Sie benannte Parameter, um ein Array in TypeScript zu initialisieren
Ein Array kann auch innerhalb einer Klasse mit der Klasse Array() initialisiert werden. Dann kann die Klassenvariable direkt verwendet werden, um Elemente im Array zu setzen oder Elemente zu pushen.
class Car {
model : string;
buildYear : number;
constructor( opt : { model? : string, buildYear? : number }){
this.model = opt.model ?? 'default';
this.buildYear = opt.buildYear ?? 0;
}
}
class Factory {
cars : Car[] = new Array();
}
var factory = new Factory();
factory.cars = [ new Car({model : 'mercedes', buildYear : 2004}), new Car( { model : 'BMW', buildYear : 2006}) ];
console.log(factory.cars);
Ausgang:
[Car: {
"model": "mercedes",
"buildYear": 2004
}, Car: {
"model": "BMW",
"buildYear": 2006
}]
