Maison > interface Web > js tutoriel > Javascript - Méthodes de tableau

Javascript - Méthodes de tableau

Mary-Kate Olsen
Libérer: 2025-01-23 16:33:09
original
841 Les gens l'ont consulté

Javascript - Array methods

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>
Copier après la connexion
  • pop() : Supprime le dernier élément du tableau.
<code class="language-javascript">fruits.pop();
console.log(fruits); // Output: ["apple", "banana"]</code>
Copier après la connexion
  • 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>
Copier après la connexion
  • shift() : Supprimez l'élément de début du tableau.
<code class="language-javascript">fruits.shift();
console.log(fruits); // Output: ["apple", "banana"]</code>
Copier après la connexion

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>
Copier après la connexion
  • 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>
Copier après la connexion

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>
Copier après la connexion
  • 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>
Copier après la connexion
  • 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>
Copier après la connexion

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>
Copier après la connexion
  • reverse() : Inversez le tableau.
<code class="language-javascript">fruits.reverse();
console.log(fruits); // Output: ["cherry", "banana", "apple"]</code>
Copier après la connexion

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>
Copier après la connexion
  • 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>
Copier après la connexion
  • 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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion
  • 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>
Copier après la connexion
  • 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>
Copier après la connexion
  • 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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal