Maison >interface Web >js tutoriel >Fonctions de tableau et précautions en js

Fonctions de tableau et précautions en js

小云云
小云云original
2018-03-13 16:47:201386parcourir

Cet article partage principalement avec vous les fonctions et précautions des tableaux en js. Tout d'abord, partageons avec vous ce que sont les objets de tableau en js. J'espère que cela pourra vous aider.

Quels sont les objets du tableau de js ?

  1. push — Ajoutez un ou plusieurs éléments à la fin du tableau et renvoyez la nouvelle longueur.

  2. pop — Supprime et renvoie le dernier élément du tableau

  3. shift — Supprime et renvoie le premier élément du tableau

  4. unshift — ajoute un ou plusieurs éléments au début du tableau et renvoie la nouvelle longueur.

  5. slice — Renvoie les éléments sélectionnés d'un tableau existant

  6. sort — Trie les éléments du tableau

  7. join — Mettez tous les éléments d'un tableau dans une chaîne. Les éléments sont séparés par le délimiteur spécifié.

  8. concat — Concatène deux tableaux ou plus et renvoie le résultat.

  9. reverse — Inverse l'ordre des éléments dans un tableau.

  10. splice — supprime des éléments et ajoute de nouveaux éléments à un tableau.

Notes d'utilisation

  1. push et unshift renvoient tous deux la nouvelle longueur

  2. pop, suppression de décalage renvoie la valeur supprimée

    var Arr1 = ['11','22','33']
    var a = Arr1.push('44');
    console.log(a);  //4
    console.log(Arr1);//["11", "22", "33", "44"]
    
    var c = Arr1.pop();
    console.log(c); //44
    console.log(Arr1);//["11", "22", "33"]
    
    var d = Arr1.pop();
    console.log(d);//33
    console.log(Arr1);//["11", "22"]
    
    var Arr2 =['a','b','c']
    var b =Arr2.unshift('-a');
    console.log(b); //4 
    console.log(Arr2); // ["-a", "a", "b", "c"]
    
    
    var e = Arr2.shift();
    console.log(e); //-a
    console.log(Arr2); // ["a", "b", "c"]
    
    var f = Arr2.shift();
    console.log(f); //a 
    console.log(Arr2); // ["b", "c"]
  3. slice et splice
    slice renvoie un nouveau tableau qui n'a rien à voir avec le tableau d'origine et n'affectera pas les paramètres de l'objet source
    .(début, fin) où commencer (si c'est un nombre négatif, comptez à partir de la fin), où finir (si c'est un nombre négatif, comptez à partir de la fin)

    var Arr1 = ['11','22','33']
    var a = Arr1.slice(0);
    console.log(a);
    Arr1[0] = '111';
    console.log(a);
    console.log(Arr1);

    l'épissure sera diviser l'objet source

    arrayObject.splice(index,howmany,item1,.....,itemX)
    
    index   必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX   可选。向数组添加的新项目
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5);
    console.log(a); // ["22", "33", "44", "55"]
    console.log(Arr1); //["11"]
    
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5,'66','77','88');
    console.log(a);["22", "33", "44", "55"]
    console.log(Arr1); ["11", "66", "77", "88"]
  4. tri

    arrayObject.sort(sortby)
    sortby  可选。规定排序顺序。必须是函数。
    
    function sortNumber(a,b)
    {
    return -(a - b)
    }
    
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    console.log(arr.sort(sortNumber))//["1000", "40", "25", "10", "5", "1"]
  5. Conversion de chaînes et de tableaux

    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    var a = arr.join('-');
    console.log(a);//10-5-40-25-1000-1
    var b = a.split('-');
    console.log(b);//["10", "5", "40", "25", "1000", "1"]
  6. concat
    Un nouveau tableau sera généré sans affecter le tableau d'origine

Recommandations associées :

La fonction de tableau JS la plus pratique organisation

Quelles sont les fonctions de tableau couramment utilisées

Explication des fonctions de tableau natives JavaScript

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