var arr = ['item 1', 'item 2', 'item 3']; var list = '';"/> var arr = ['item 1', 'item 2', 'item 3']; var list = '';">

Maison  >  Article  >  interface Web  >  Résumé des exemples d'utilisation des fonctions de traitement de tableau des fonctions JavaScript de base

Résumé des exemples d'utilisation des fonctions de traitement de tableau des fonctions JavaScript de base

伊谢尔伦
伊谢尔伦original
2017-07-25 15:49:301336parcourir

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é.
Par exemple :

 <script type="text/javascript">
       var arr = [&#39;item 1&#39;, &#39;item 2&#39;, &#39;item 3&#39;];
       var list = &#39;<ul><li>&#39; + arr.join(&#39;</li><li>&#39;) + &#39;</li></ul>&#39;;
 </script>

résultat de la liste :

'ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6élément 1bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6élément 2bed06894275b65c1ab86501b08a632eb< ; li>item 3bed06894275b65c1ab86501b08a632eb929d1f5ca49e04fdcb27f9465b944689'
C'est de loin la méthode la plus rapide ! Utiliser du code natif (tel que join()), indépendamment de ce que fait le système en interne, est généralement beaucoup plus rapide que du code non natif. ——James Padolsey, james.padolsey.com

pop()

Supprimer et renvoyer le dernier élément du tableau
La méthode pop() supprimera le dernier élément du tableau et renvoie le tableau à Décrémente la longueur de 1 et renvoie la valeur de l'élément qu'il a supprimé.
Si le tableau est déjà vide, pop() ne modifie pas le tableau et renvoie une valeur non définie
Par exemple :

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.pop() + "<br/>");
       document.write(arr);
 </script>

Résultat de sortie :
George, John, Thomas
Thomas
George,John

push()

Ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur
Par exemple :

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.push("James") + "<br/>");
       document.write(arr);
 </script>

Résultat de sortie :
George,John,Thomas
4
George,John,Thomas,James

unshift()

Ajoute un ou plusieurs éléments au début du tableau et renvoie la nouvelle longueur

Par exemple :

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.unshift("James") + "<br/>");
       document.write(arr);
 </script>

Sortie :
George,John, Thomas
4
James, George, John, Thomas

shift()

Supprimer et renvoyer le premier élément du tableau

Par exemple :

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.shift() + "<br/>");
       document.write(arr);
 </script>

Résultat de sortie :
George,John,Thomas
George
John,Thomas


sort()

Trier les éléments du tableau

Triez la citation du tableau. Veuillez noter que le tableau est trié sur le tableau d'origine et qu'aucune copie n'est générée
Cette méthode est par défaut triée dans l'ordre d'encodage des caractères (ASCII)
Par exemple :

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = "John";
     arr[1] = "George";
     arr[2] = "Thomas";
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>


Résultat de sortie :
John,George,Thomas
George,John,Thomas

Regardons un autre exemple :

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

Résultat de sortie :
10,5 ,40,25 ,1000,1
1,10,1000,25,40,5

On voit qu'il n'est pas trié par taille numérique comme on le pense si vous voulez trier par numérique. taille, vous devez modifier la méthode de tri par défaut, vous pouvez spécifier vous-même les règles de tri.
Comme suit :

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort(function (a, b) {return a - b;}));// 从大到小
 </script>

Résultats de sortie :
10,5,40,25,1000,1
1,5,10,25,40,1000
Si que diriez-vous de trier par ordre décroissant ?
Modifiez la règle de tri en :
function (a, b) {return b - a;>
C'est OK

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!

Déclaration:
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