Les Arrays en JavaScript
Arrays en français appelés les tableaux sont utilisés pour stocker plusieurs éléments dans une seule variable. Les éléments d'un tableau sont supposés représenter des membres appartenant à un type. Par exemple, les nombres premiers, les noms des élèves d'une classe, les éléments à afficher dans une catégorie, etc. L'objet Array en JavaScript aide à la construction de tableaux. Il fournit également des méthodes qui permettent d'accéder aux éléments d'un tableau, de les transformer ou d'appliquer des fonctions à ces éléments.
Syntaxe
La syntaxe pour initialiser un Array en JavaScript est la suivante
var arrayName = [ element1, element2, .. elementN ]
où arrayName est le nom donné au tableau et sera référencé par ce nom dans le script.Lors de l'initialisation, le nombre N d'éléments peut être regroupé sous forme de tableau, séparés par une virgule (,).Pour accéder à un élément d'un tableau, vous pouvez utiliser l'index [0:N-1] avec arrayName comme indiqué ci-dessous.
arrayName[i]
accède au (i+1)ème élément du tableau.
Tableau de nombres
Pour initialiser un objet JavaScript Array avec des nombres, et accéder à ses éléments :
var nombres = [02, 44, 270] ;
console.log(nombres[1]) ;
Tableau de chaînes
Pour initialiser un objet JavaScript Array avec des chaînes de caractères et accéder à ses éléments :
var nom = ['Bonjour', 'Joël_yk', 'Pandacodeur'] ;
console.log(nom[2]) ;
Tableau de booléen
Pour initialiser un objet JavaScript Array avec des nombres, et accéder à ses éléments :
var bol = [false,true, false, true, true] ;
console.log(bol[1]);
Tableau d'objets
Pour initialiser un objet JavaScript Array avec des nombres, et accéder à ses éléments :
var mango = {type : "fruit", native : "Cameroun"} ;
var érable = {type : "arbre", origine : "Canada"} ;
var specials = [mango, maple] ;
console.log(specials[0].native) ;
Tableau hétérogène
Un tableau hétérogène est un tableau qui contient des éléments de différents types primitifs et bien sûr d'autres objets. Un objet JavaScript Array peut contenir un autre tableau comme élément, ainsi que des nombres, des chaînes de caractères ou des booléens.
Pour initialiser un objet JavaScript Array avec des éléments de types hétérogènes, et accéder à ses éléments :
var details = ['Joël_yk', 21, {native : "Cameroun", gender : "Male"}] ;
console.log(details[0]) ;
Conclusion: Dans ce tutoriel JavaScript, nous avons appris ce que sont les tableaux JavaScript, comment ils sont initialisés, etc.