JavaScript offre un ensemble puissant de méthodes de tableau intégrées qui facilitent grandement l'utilisation des données.

Dans cet article, nous explorerons quatre méthodes de tableau couramment utilisées : concat(), reverse(), fill() et join().

Chacune de ces méthodes est un outil précieux pour manipuler les tableaux de différentes manières. Allons-y !

Si vous n'avez pas encore lu notre article précédent, assurez-vous de consulter la partie 1 pour des techniques de tableau plus utiles ! Cela vous donnera un aperçu complet de méthodes de tableau encore plus puissantes.

1. concaténer()

La méthode concat() vous permet de fusionner plusieurs tableaux ou valeurs dans un nouveau tableau. Il ne modifie pas le tableau d'origine mais en renvoie un nouveau avec le contenu combiné.

Syntaxe:

arr.concat(value1, value2, ...);

• value1, value2, ... – Peut être des tableaux ou des valeurs à fusionner.

Si l'argument est un tableau, tous les éléments de ce tableau sont copiés ; sinon, l'argument lui-même est copié.

Exemple:

const arr = [1, 2];

// Merging arr with another array [3, 4]
const arr1 = arr.concat([3, 4]);
console.log(arr1);  // Output: [1, 2, 3, 4]

// Merging arr with two arrays [3, 4] and [5, 6]
const arr2 = arr.concat([3, 4], [5, 6]);
console.log(arr2);  // Output: [1, 2, 3, 4, 5, 6]

// Merging arr with two arrays and additional values 5 and 6
const arr3 = arr.concat([3, 4], 5, 6);
console.log(arr3);  // Output: [1, 2, 3, 4, 5, 6]

2. inverse()

La méthode reverse() inverse l'ordre des éléments dans le tableau d'origine. Contrairement aux autres méthodes de tableau, reverse() modifie le tableau d'origine sur place et le renvoie également.

Syntaxe:

arr.reverse();

Exemple:

const arr = [1, 2, 3, 4, 5];

// Reverses the array in place and returns the reversed array
const reversedArr = arr.reverse();
console.log(reversedArr);  // Output: [5, 4, 3, 2, 1]

// Original array is also reversed
console.log(arr);  // Output: [5, 4, 3, 2, 1]

3. remplir()

La méthode fill() remplit tous les éléments d'un tableau avec une valeur spécifiée. C'est une méthode mutatrice, ce qui signifie qu'elle modifie le tableau d'origine et renvoie la version mise à jour.

Syntaxe:

arr.fill(value, start, end)

• value – La valeur avec laquelle remplir le tableau.
• start (facultatif) – L'index de départ (la valeur par défaut est 0).
• end (facultatif) – L'index de fin (la valeur par défaut est arr.length).

Important : l'index de fin n'est pas inclus : il agit comme une limite exclusive. Cela signifie que le remplissage s'arrêtera juste avant l'élément à l'index de fin.

Exemple:

const nums1 = [15, 27, 19, 2, 1];
const nums2 = [25, 28, 34, 49];
const nums3 = [8, 9, 3, 7];

// Fill all elements with 5
const newNums1 = nums1.fill(5);
console.log(nums1);  // Output: [5, 5, 5, 5, 5]
console.log(newNums1);  // Output: [5, 5, 5, 5, 5]

// Fill elements from index 1 to 3 with 25
nums2.fill(25, 1, 3);
console.log(nums2);  // Output: [25, 25, 25, 49]

// Fill elements from index -2 to end with 15 (negative index counts from the end)
nums3.fill(15, -2);
console.log(nums3);  // Output: [8, 9, 15, 15]

4. rejoindre()

La méthode join() joint tous les éléments d'un tableau en une seule chaîne. Par défaut, les éléments sont séparés par une virgule, mais vous pouvez spécifier un séparateur personnalisé.

Syntaxe:

arr.join(separator);

• separator (facultatif) – Une chaîne utilisée pour séparer les éléments du tableau (la valeur par défaut est ,).

Exemple:

const movies = ["Animal", "Jawan", "Pathaan"];

// Join elements with a custom separator " | "
const moviesStr = movies.join(" | ");
console.log(moviesStr);  // Output: "Animal | Jawan | Pathaan"

// The original array remains unchanged
console.log(movies);  // Output: ["Animal", "Jawan", "Pathaan"]

// Join elements with no separator
const arr = [2, 2, 1, ".", 4, 5];
console.log(arr.join(""));  // Output: "221.45"

// Join elements with a custom separator " and "
const random = [21, "xyz", undefined];
console.log(random.join(" and "));  // Output: "21 and xyz and "

Conclusion

Les méthodes concat(), reverse(), fill() et join() sont des outils puissants pour travailler avec des tableaux en JavaScript.

• concat() combine des tableaux et des valeurs dans un nouveau tableau.
• reverse() inverse l'ordre des éléments en place.
• fill() remplace les éléments du tableau par une valeur spécifiée.
• join() joint les éléments du tableau en une chaîne, avec un séparateur personnalisable.

Ces méthodes sont essentielles pour une manipulation efficace des tableaux et peuvent contribuer à rendre votre code plus propre et plus efficace.