Maison > interface Web > js tutoriel > Tableaux en JavaScript

Tableaux en JavaScript

Linda Hamilton
Libérer: 2025-01-19 02:29:14
original
164 Les gens l'ont consulté

Arrays in JavaScript

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

Voici quelques méthodes de tableau JavaScript couramment utilisées :

  1. push() : Ajoute un ou plusieurs éléments à la fin du tableau et renvoie la longueur du nouveau tableau.

    <code class="language-javascript">let numbers = [1, 2, 3];
    console.log(numbers.push(4)); // 输出:4  numbers数组变为 [1, 2, 3, 4]</code>
    Copier après la connexion
  2. slice() : Extrayez les éléments dans la plage d'index spécifiée du tableau et renvoyez un nouveau tableau. Le tableau d'origine n'est pas modifié.

    <code class="language-javascript">let numbers = [1, 2, 3, 4, 5];
    console.log(numbers.slice(1, 4)); // 输出:[2, 3, 4]  (从索引1到3)</code>
    Copier après la connexion
  3. splice() : Ajouter ou supprimer des éléments du tableau. Vous pouvez spécifier l'index de départ, le nombre d'éléments à supprimer et les nouveaux éléments à insérer.

    <code class="language-javascript">let fruits = ['apple', 'mango', 'orange', 'pear'];
    fruits.splice(2, 0, 'pawpaw', 'strawberries'); // 从索引2开始,不删除任何元素,插入'pawpaw'和'strawberries'
    console.log(fruits); // 输出:['apple', 'mango', 'pawpaw', 'strawberries', 'orange', 'pear']
    
    fruits.splice(2, 1); // 从索引2开始,删除1个元素
    console.log(fruits); // 输出:['apple', 'mango', 'strawberries', 'orange', 'pear']</code>
    Copier après la connexion
  4. concat() : concatène deux tableaux ou plus et renvoie un nouveau tableau. Le tableau d'origine n'est pas modifié.

    <code class="language-javascript">let arr1 = [1, 2, 3, 4];
    let arr2 = [5, 6, 7];
    console.log(arr1.concat(arr2)); // 输出:[1, 2, 3, 4, 5, 6, 7]
    let arr3 = [8, 9];
    console.log(arr1.concat(arr2, arr3)); // 输出:[1, 2, 3, 4, 5, 6, 7, 8, 9]</code>
    Copier après la connexion
  5. fill() : Remplace les éléments de la plage spécifiée dans le tableau par la valeur spécifiée.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    arr4.fill('Anurag', 2, 4); // 从索引2到3,用'Anurag'填充
    console.log(arr4); // 输出:[1, 2, 'Anurag', 'Anurag']</code>
    Copier après la connexion
  6. shift() : Supprimez le premier élément du tableau et renvoyez cet élément.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    arr4.shift();
    console.log(arr4); // 输出:[2, 3, 4]</code>
    Copier après la connexion
  7. indexOf() : Renvoie l'index de la première occurrence de l'élément spécifié dans le tableau. Si l'élément n'existe pas, renvoie -1.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    console.log(arr4.indexOf(3)); // 输出:2</code>
    Copier après la connexion
  8. lastIndexOf() : Renvoie l'index de la dernière occurrence de l'élément spécifié dans le tableau. Si l'élément n'existe pas, renvoie -1.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4, 3];
    console.log(arr4.lastIndexOf(3)); // 输出:4</code>
    Copier après la connexion
  9. includes() : Détermine si le tableau contient l'élément spécifié et renvoie une valeur booléenne.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    console.log(arr4.includes(4)); // 输出:true
    console.log(arr4.includes(5)); // 输出:false</code>
    Copier après la connexion
  10. pop() : supprime le dernier élément du tableau et renvoie cet élément.

    <code class="language-javascript"> let arr4 = [1, 2, 3, 4];
     arr4.pop();
     console.log(arr4); // 输出:[1, 2, 3]</code>
    Copier après la connexion
  11. join() : concatène les éléments du tableau en une chaîne et renvoie la chaîne. Des délimiteurs peuvent être spécifiés.

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     console.log(arr4.join('and')); // 输出:1and2and3</code>
    Copier après la connexion
  12. unshift() : Ajoute un ou plusieurs éléments au début du tableau et renvoie la longueur du nouveau tableau.

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     arr4.unshift(0);
     console.log(arr4); // 输出:[0, 1, 2, 3]</code>
    Copier après la connexion

Mon lien GitHub
Mon lien LinkedIn (veuillez le remplacer par votre lien actuel)

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