Méthodes de tableau JavaScript

En JavaScript, il existe une grande variété de méthodes de tableau. Pour vous donner une information plus détaillée et plus complète, nous allons les diviser en groupes.

Méthodes d'ajout/suppression

Dans le chapitre Tableaux, nous avons déjà parlé de ce groupe de méthodes. Parmi celles-ci :

• arr.push(...items) - aide à ajouter des éléments à la fin ;
• arr.pop() - extrait un élément de la fin ;
• arr.shift() - extrait un élément du début ;
• arr.unshift(...items) - ajoute des éléments au début.

Dans ce chapitre, nous parlerons de plusieurs autres méthodes.

Epissure

La première méthode est la arr.splice. Elle est utilisée pour ajouter ou supprimer des éléments dans/du tableau, ainsi que pour retourner ceux qui ont déjà été supprimés. Ainsi, avec cette méthode, vous pouvez faire n'importe quoi : insérer, supprimer, remplacer des éléments.

La syntaxe ressemble à ceci :

arr.splice(index[, deleteCount, elem1, ..., elemN])

Il est plus facile de comprendre par l'exemple.

Dans le premier exemple, la suppression est démontrée comme suit :

Dans l'exemple suivant, nous allons supprimer trois éléments et les remplacer par deux autres :

Maintenant, vous pouvez remarquer que splice retourne le tableau des éléments supprimés, comme suit :

Il est essentiel de savoir qu'avec cette méthode, vous pouvez également insérer des éléments sans aucune suppression. Pour cela, il est nécessaire de définir deleteCount à 0 , comme ceci :

Tranche

arr.slice est une méthode simple, beaucoup plus simple que arr.splice.

Sa syntaxe est la suivante :

arr.slice([start], [end])

Cette méthode renvoie un nouveau tableau en copiant tous les éléments de l'index start à end (mais elle ne comprend pas la fin). Si les deux start et end sont une position négative du tableau, la fin sera supposée.

C'est beaucoup comme la méthode end, mais elle crée des sous-tableaux au lieu de sous-chaînes.

Voici un exemple :

Vous pouvez l'appeler sans argument : str.slice créera une copie de arr.

Concaténation

La méthode arr.concat est utilisée pour créer un nouveau tableau, incluant des valeurs provenant d'autres tableaux, ainsi que des éléments supplémentaires. La syntaxe ressemblera à ceci :

arr.concat(arg1, arg2...)

Elle acceptera des arguments en toute quantité (tableaux ou valeurs).

Le résultat sera un nouveau tableau avec les éléments de arr, puis arg1, arg2, et plus encore.

Si un argument argN représente un tableau, tous ses éléments seront copiés. Dans d'autres cas, l'argument sera copié.

Par exemple :

Itération : forEach

La méthode arr.forEach permet d'exécuter une fonction pour chaque élément du tableau.

Voici la syntaxe :

arr.forEach(function (item, index, array) {
  // ... do something with item
});

Dans l'exemple suivant, chaque élément du tableau est affiché :

// for each element call alert
["dog", "cat", "mouse"].forEach(alert);

Recherche dans le tableau

Dans cette partie, nous aborderons les méthodes de recherche dans un tableau.

indexOf/lastIndexOf et includes

Ces méthodes ont la même syntaxe que leurs homologues de chaîne. La différence est qu'elles opèrent sur des éléments, et non sur des caractères.

Ce qu'elles font :

• arr.indexOf(item, from) recherche un item à partir de l'index from et le renvoie à l'endroit où il a été trouvé, sinon -1.
• arr.lastIndexOf(item, from) est similaire, mais cherche de droite à gauche.
• arr.includes(item, from) recherche un item, en commençant par l'index from, et renvoie true, s'il a été trouvé.

Voyons l'exemple suivant :

Prenez en compte que ces méthodes utilisent la comparaison ===. Ainsi, lorsque vous cherchez false, elle trouvera false et non zéro.

Trouver et TrouverIndex

Supposons que vous ayez un tableau d'objets et que vous vouliez trouver un objet répondant à une condition spécifique. Alors, vous devez utiliser la méthode arr.find(fn) en utilisant cette syntaxe :

let result = arr.find(function (item, index, array) {
  // if true is returned,the item is returned, and iteration is stopped
  // for falsy scenario returns undefined
});

La fonction sera appelée pour les éléments du tableau, l'un après l'autre, comme ceci :

• Un item est un élément.
• L'index sera son index.
• Le array sera le tableau lui-même.

En cas de retour de true, la recherche sera stoppée, et l'item retourné.

Par exemple :

Filtre

Cette méthode recherche le premier élément qui fait renvoyer la fonction true.

let results = arr.filter(function (item, index, array) {
  // if true item is pushed to results and the iteration continues
  // returns empty array if nothing found
});

let result = arr.map(function (item, index, array) {
  // returns the new value instead of item
});

let value = arr.reduce(function (accumulator, item, index, array) {
  // ...
}, [initial]);