Maison > interface Web > js tutoriel > Quelles sont les méthodes des tableaux en JavaScript ? A quoi ça sert ?

Quelles sont les méthodes des tableaux en JavaScript ? A quoi ça sert ?

青灯夜游
Libérer: 2018-11-13 11:46:36
avant
3278 Les gens l'ont consulté

Le contenu de cet article est de présenter les méthodes de tableau en JavaScript, les fonctions et l'utilisation des méthodes de tableau. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile. [Tutoriels vidéo associés recommandés : Tutoriel JavaScript]

1. Création et affectation de tableaux

Définir des tableaux, des tableaux Affectation

<script type="text/javascript">    
      //赋值的方法1:添加任意多的值
      var arr1 = new Array();
      arr1[0]='小胡子1';
      arr1[1]='中胡子1';
      arr1[2]='大胡子1';
      alert(arr1);        
      
      //赋值的方法2:使用一个整数自变量来控制数组的容量
        var arr2 = new Array(3);
      arr2[0]='小胡子2';
      arr2[1]='中胡子2';
      arr2[2]='大胡子2';
      alert(arr2);    
</script>
Copier après la connexion

2. Méthodes de tableau

concat( )  : concatène deux tableaux ou plus et renvoie le résultat.

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';        
            
        var arr2 = new Array();
        arr2[0]='小胡子2';
        arr2[1]='中胡子2';
        arr2[2]='大胡子2';   
                 
        var arrConcat = arr1.concat(arr2);
        alert(arrConcat);    
</script>
Copier après la connexion

join() : Mettez tous les éléments du tableau dans une chaîne. Les éléments sont séparés par le délimiteur spécifié.

    <script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1.join());    
   </script>
Copier après la connexion

pop() : Supprime et renvoie le dernier élément du tableau

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.pop());
        alert(arr1);    
</script>
Copier après la connexion

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

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.push("特大胡子1"));
        alert(arr1);    
</script>
Copier après la connexion

reverse() : Inverse l'ordre des éléments dans le tableau.

<script type="text/javascript">    
        var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.reverse());    
</script>
Copier après la connexion

 

shift() : Supprime et renvoie le premier élément du tableau

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子1';
            arr1[1] = '中胡子1';
            arr1[2] = '大胡子1';
            alert(arr1);
            alert(arr1.shift());
            alert(arr1);        
</script>
Copier après la connexion

  

slice() : Renvoie l'élément sélectionné dans un tableau existant

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            alert(arr1.slice(1,3));        
</script>
Copier après la connexion

 

sort() : Trier les éléments du tableau

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.sort());        
</script>
Copier après la connexion

 

splice()  : Supprimez des éléments et ajoutez de nouveaux éléments au tableau.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            arr1.splice(2, 1, '新胡子');
            alert(arr1);        
</script>
Copier après la connexion

 

toString() : convertit le tableau en chaîne et renvoie le résultat. Les éléments du tableau sont séparés par des virgules.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toString());  
</script>
Copier après la connexion

toLocaleString() : convertit le tableau en un tableau local et renvoie le résultat. Les chaînes résultantes sont ensuite concaténées à l'aide de délimiteurs spécifiques aux paramètres régionaux pour former une seule chaîne.

Remarque : Le délimiteur ici n'est plus une simple virgule

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toLocaleString());  
</script>
Copier après la connexion

unshift() : au tableau Ajoute un ou plus d'éléments au début et renvoie la nouvelle longueur.

<script type="text/javascript">
                var arr1 = new Array();
                arr1[0] = '小胡子1';
                arr1[1] = '中胡子1';
                arr1[2] = '大胡子1';
                alert(arr1);
                alert(arr1.unshift('小孩子'));
                alert(arr1);        
</script>
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!

Étiquettes associées:
source:cnblogs.com
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal