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.