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

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

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

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

typescriptinterface User {
  name: string,
  age: number
}

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

typescriptlet arr: User[] = [];

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

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

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

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

typescriptlet arr: Date[] = [];

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

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

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

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

typescriptlet arr: HTMLElement[] = [];

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

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

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