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.

let fruits = ["apple", "banana"];
fruits.push("cherry");
console.log(fruits); // Output: ["apple", "banana", "cherry"]

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

fruits.pop();
console.log(fruits); // Output: ["apple", "banana"]

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

fruits.unshift("mango");
console.log(fruits); // Output: ["mango", "apple", "banana"]

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

fruits.shift();
console.log(fruits); // Output: ["apple", "banana"]

2. Trouver et rechercher

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

let numbers = [10, 20, 30, 40];
console.log(numbers.indexOf(20)); // Output: 1

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

console.log(numbers.includes(30)); // Output: true
console.log(numbers.includes(50)); // Output: false

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.

let numbers = [1, 2, 3];
let squares = numbers.map(num => num * num);
console.log(squares); // Output: [1, 4, 9]

• 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.

let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2]

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

let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 6

4. Tri

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

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]

• reverse() : Inversez le tableau.

fruits.reverse();
console.log(fruits); // Output: ["cherry", "banana", "apple"]

5. Combinaison et extraction de tableaux

• concat() : Fusionnez deux tableaux ou plus.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Output: [1, 2, 3, 4]

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

let numbers = [10, 20, 30, 40];
let sliced = numbers.slice(1, 3);
console.log(sliced); // Output: [20, 30]

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

let fruits = ["apple", "banana", "cherry"];
fruits.splice(1, 1, "orange", "grape");
console.log(fruits); // Output: ["apple", "orange", "grape", "cherry"]

6. Itération du tableau

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

let numbers = [1, 2, 3];
numbers.forEach(num => console.log(num * 2)); // Output: 2, 4, 6

7. Autres méthodes courantes

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

let fruits = ["apple", "banana", "cherry"];
console.log(fruits.join(", ")); // Output: "apple, banana, cherry"

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

let numbers = [10, 20, 30];
let result = numbers.find(num => num > 15);
console.log(result); // Output: 20

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

console.log(numbers.findIndex(num => num > 15)); // Output: 1

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

let nested = [1, [2, 3], [4, [5]]];
console.log(nested.flat(2)); // Output: [1, 2, 3, 4, 5]

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!