Javascript - Méthodes de tableau

Explication détaillée des méthodes de tableau JavaScript

Cet article approfondira les méthodes de tableau couramment utilisées en JavaScript, couvrant l'ajout et la suppression d'éléments, la recherche, la conversion, le tri, la combinaison et l'itération, etc., et fournira des exemples de code pour vous aider à mieux comprendre et appliquer ces méthodes.

1. Ajout et suppression d'éléments

• push() : Ajoutez des éléments à la fin du tableau.

<code class="language-javascript">let fruits = ["apple", "banana"];
fruits.push("cherry");
console.log(fruits); // Output: ["apple", "banana", "cherry"]</code>

• pop() : Supprime le dernier élément du tableau.

<code class="language-javascript">fruits.pop();
console.log(fruits); // Output: ["apple", "banana"]</code>

• unshift() : Ajoutez des éléments au début du tableau.

<code class="language-javascript">fruits.unshift("mango");
console.log(fruits); // Output: ["mango", "apple", "banana"]</code>

• shift() : Supprimez l'élément de début du tableau.

<code class="language-javascript">fruits.shift();
console.log(fruits); // Output: ["apple", "banana"]</code>

2. Trouver et rechercher

• indexOf() : Renvoie l'index de la première occurrence de l'élément spécifié dans le tableau.

<code class="language-javascript">let numbers = [10, 20, 30, 40];
console.log(numbers.indexOf(20)); // Output: 1</code>

• includes() : Vérifiez si le tableau contient l'élément spécifié.

<code class="language-javascript">console.log(numbers.includes(30)); // Output: true
console.log(numbers.includes(50)); // Output: false</code>

3. Conversion de tableau

• map() : Créez un nouveau tableau dont les éléments sont le résultat du traitement des éléments du tableau d'origine via la fonction de rappel.

<code class="language-javascript">let numbers = [1, 2, 3];
let squares = numbers.map(num => num * num);
console.log(squares); // Output: [1, 4, 9]</code>

• filter() : Créez un nouveau tableau dont les éléments sont les éléments du tableau d'origine qui répondent aux conditions spécifiées.

<code class="language-javascript">let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2]</code>

• reduce() : Accumulez les éléments du tableau dans une valeur.

<code class="language-javascript">let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 6</code>

4. Tri

• sort() : Trier le tableau (par défaut par ordre alphabétique). Les nombres nécessitent un comparateur personnalisé.

<code class="language-javascript">let fruits = ["banana", "apple", "cherry"];
fruits.sort();
console.log(fruits); // Output: ["apple", "banana", "cherry"]

let numbers = [10, 5, 20];
numbers.sort((a, b) => a - b); // 升序
console.log(numbers); // Output: [5, 10, 20]</code>

• reverse() : Inversez le tableau.

<code class="language-javascript">fruits.reverse();
console.log(fruits); // Output: ["cherry", "banana", "apple"]</code>

5. Combinaison et extraction de tableaux

• concat() : Fusionnez deux tableaux ou plus.

<code class="language-javascript">let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Output: [1, 2, 3, 4]</code>

• slice() : Extraire une partie du tableau sans modifier le tableau d'origine.

<code class="language-javascript">let numbers = [10, 20, 30, 40];
let sliced = numbers.slice(1, 3);
console.log(sliced); // Output: [20, 30]</code>

• splice() : Ajouter ou supprimer des éléments du tableau.

<code class="language-javascript">let fruits = ["apple", "banana", "cherry"];
fruits.splice(1, 1, "orange", "grape");
console.log(fruits); // Output: ["apple", "orange", "grape", "cherry"]</code>

6. Itération du tableau

• forEach() : Exécute une fonction pour chaque élément du tableau.

<code class="language-javascript">let numbers = [1, 2, 3];
numbers.forEach(num => console.log(num * 2)); // Output: 2, 4, 6</code>

7. Autres méthodes courantes

• join() : Convertit un tableau en chaîne, en utilisant le délimiteur spécifié.

<code class="language-javascript">let fruits = ["apple", "banana", "cherry"];
console.log(fruits.join(", ")); // Output: "apple, banana, cherry"</code>

• find() : renvoie le premier élément qui répond à la condition spécifiée.

<code class="language-javascript">let numbers = [10, 20, 30];
let result = numbers.find(num => num > 15);
console.log(result); // Output: 20</code>

• findIndex() : Renvoie l'index du premier élément qui remplit la condition spécifiée.

<code class="language-javascript">console.log(numbers.findIndex(num => num > 15)); // Output: 1</code>

• flat() : Aplatir les tableaux imbriqués.

<code class="language-javascript">let nested = [1, [2, 3], [4, [5]]];
console.log(nested.flat(2)); // Output: [1, 2, 3, 4, 5]</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!