D’abord, voici comment déclarer un tableau en JavaScript :
En JS
const fruits = ['orange', 'bleu', 'rouge'];
N’oubliez pas que TypeScript génère du JavaScript, donc vous obtiendrez toujours le code ci-dessus à la fin.
En TS
En TypeScript, cela ressemblera à ceci :
const fruits: string[] = ['orange', 'bleu', 'rouge'];
Vous indiquez à TypeScript : « Je déclare un tableau de chaînes de caractères (strings) ».
En TypeScript, vous déclarez toujours un tableau de quelque chose :
- un tableau de strings,
- un tableau de nombres,
- un tableau de MonType (un type personnalisé),
- etc.
À éviter
Il n’existe pas de « tableau de rien » en TypeScript.
// Erreur ! Vous déclarez un tableau vide sans préciser le type.
const fruits: [] = []
// Erreur ! Vous déclarez un *« tableau de any »*, comme en JavaScript.
const fruits = [1, 2, 3]
// Erreur ! Vous utilisez « any », ce qui est presque interdit en TypeScript.
const fruits: any[] = [1, 2, 3]
Résumé
Un tableau en TypeScript est toujours un « tableau de quelque chose ». C’est le seul piège à retenir.