Πίνακες Αντικειμένων στο TypeScript

Οι πίνακες στο TypeScript μπορούν να περιέχουν όχι μόνο πρωτόγονα δεδομένα, αλλά και αντικείμενα συγκεκριμένων τύπων. Ας δούμε με παραδείγματα πώς να δουλεύουμε με τέτοιους πίνακες.

Πίνακας χρηστών

Ας υποθέσουμε ότι έχουμε μια διεπαφή που ορίζει έναν χρήστη:

interface User {
	name: string,
	age: number
}

Ας δηλώσουμε έναν πίνακα, καθορίζοντας ως τύπο του περιεχομένου του αντικείμενα με χρήστες (δηλαδή αντικείμενα που υλοποιούν τη διεπαφή μας):

let arr: User[] = [];

Ας γεμίσουμε τον πίνακα μας με δεδομένα του καθορισμένου τύπου:

arr.push({name: 'john', age: 30});
arr.push({name: 'eric', age: 40});

Πίνακας ημερομηνιών

Ας δηλώσουμε έναν πίνακα που αποθηκεύει έναν πίνακα ημερομηνιών:

let arr: Date[] = [];

Ας γεμίσουμε αυτόν τον πίνακα με ημερομηνίες:

arr.push(new Date(2030, 11, 31));
arr.push(new Date(2020, 11, 31));

Πίνακας DOM στοιχείων

Ας δηλώσουμε έναν πίνακα που περιέχει DOM στοιχεία:

let arr: HTMLElement[] = [];

Ας γεμίσουμε τον πίνακα μας με δεδομένα:

let lst: NodeList = document.querySelectorAll('div');
let arr: HTMLElement[] = Array.from(lst);

Πρακτικές ασκήσεις

Δημιουργήστε έναν πίνακα, του οποίου τα στοιχεία θα είναι κανονικές εκφράσεις.

Δημιουργήστε έναν πίνακα, του οποίου τα στοιχεία θα είναι υποσχέσεις (promises).

Δημιουργήστε μια διεπαφή που περιγράφει έναν εργαζόμενο. Δημιουργήστε έναν πίνακα, που αποτελείται από αντικείμενα με αυτούς τους εργαζόμενους.