Collections indexées dans Javascript faire référence à des structures de données telles que des tableaux, où les éléments sont stockés et accessibles par des index numériques. Les tableaux permettent un stockage et une récupération efficaces des données ordonnées, fournissant des méthodes de manipulation et de parcours de leurs éléments.

Exemple

un tableau appelé « étudiant » contient les noms des étudiants et les valeurs d’index sont le rôle Nombres des étudiants. JavaScript n'a pas de type de données de tableau explicite. Cependant, nous pouvons utiliser l'objet Array prédéfini en JavaScript et ses méthodes pour travailler avec des tableaux.

Création d'un tableau : Il existe de nombreuses façons de créer et d'initialiser un tableau répertoriées ci-dessous :

• Créer des tableaux sans définir la longueur du tableau. Dans ce cas, la longueur est égale au nombre d’arguments.

Syntaxe:

let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>

• Créer un tableau avec la taille donnée

Syntaxe:

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>

• Créez un tableau de longueur variable et ajoutez de nombreux éléments selon vos besoins.

// First method: Initialize an empty // array then add elements let students = []; students [0] = 'Sujata Singh'; students [1] = 'Mahesh Kumar'; students [2] = 'Leela Nair'; // Second method: Add elements to // an array when you create it let fruits = ['apple', ‘mango', 'Banana'];>

Les méthodes qui peuvent être appliquées aux tableaux sont :

• Accéder aux éléments du tableau
• Obtention de la longueur du tableau
• Itérer sur des tableaux
  • JavaScript pour la boucle
  • Boucle JavaScript forEach()
  • Boucle JavaScript pour chaque avec Fonctions des flèches
• Méthodes de tableau
  • Méthode JavaScript push()
  • Méthode JavaScript pop()
  • Méthode JavaScript concat()
  • Méthode JavaScript join()
  • Méthode JavaScript sort()
  • Méthode JavaScript indexOf()
  • Méthode JavaScript shift()
  • Méthode JavaScript filter()

Accéder aux éléments du tableau

Utilisez des index pour accéder aux éléments du tableau. Les indices des tableaux sont de base zéro, ce qui signifie que l'index des éléments commence par zéro.

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits [0]); console.log(fruits[1]);>

Apple Mango>

Obtention de la longueur du tableau

Pour obtenir la longueur d'un tableau, utilisez array_name. propriété de longueur .

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits.length)>

3>

Itérer sur des tableaux

Il existe de nombreuses façons de parcourir les éléments du tableau.

• JavaScript pour la boucle : La boucle for fournit une manière concise d’écrire la structure de la boucle. Contrairement à une boucle while, une instruction for consomme l'initialisation, la condition et l'incrémentation/décrémentation sur une seule ligne, fournissant ainsi une structure de boucle plus courte et facile à déboguer.

const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Apple Mango Banana>

• Boucle JavaScript forEach() : La fonction forEach() fournit une fois pour chaque élément du tableau. La fonction fournie peut effectuer tout type d'opération sur les éléments du tableau donné.

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Apple Mango Banana>

• Javascript pour chaque boucle avec Fonctions des flèches :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(fruit));>

Apple Mango Banana>

Méthodes de tableau

Il existe différentes méthodes de tableau à notre disposition pour travailler sur des tableaux. Ceux-ci sont:

• Méthode JavaScript push() : Cette méthode ajoute un ou plusieurs éléments à la fin d'un tableau et renvoie la longueur résultante du tableau.

let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

[ '1', '2', '3' ]>

• Méthode JavaScript pop() : Cette méthode supprime le dernier élément d'un tableau et renvoie cet élément.

let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

3>

• Méthode JavaScript concat() : Cette méthode rejoint deux tableaux et renvoie un nouveau tableau.

let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

[ '1', '2', '3', 'a', 'b', 'c' ]>

• Méthode JavaScript join() : Cette méthode crée une chaîne en joignant tous les éléments d'un tableau.

let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

john - jane - joe>

• Méthode JavaScript sort() : Cette méthode trie les éléments d'un tableau.

let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

[ 'East', 'South', 'West' ]>

• Méthode JavaScript indexOf() : Cette méthode recherche dans le tableau un élément et renvoie l'index de la première occurrence de l'élément.

let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

1>

• Méthode JavaScript shift() : Cette méthode supprime le premier élément d'un tableau et renvoie cet élément.

let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

a>

• Méthode JavaScript reverse() : Cette méthode inverse le premier élément du tableau qui devient le dernier et le dernier devient le premier. Il transpose ainsi tous les éléments d'un tableau et renvoie une référence au tableau.

let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

[ 'c', 'b', 'a' ]>

• Méthode JavaScript map() : Cette méthode renvoie un nouveau tableau de la valeur renvoyée lors de l'exécution d'une fonction sur chaque élément du tableau.

let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

[ 'A', 'B', 'C' ]>

• Méthode JavaScript filter() : Cette méthode renvoie un nouveau tableau contenant les éléments pour lesquels la fonction a renvoyé vrai.

let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

[ 10, 20, 30 ]>