Introduction aux tableaux js

Qu'est-ce qu'un tableau js (ArrayLike) ? Le tableau de classe js a l'attribut length, et les autres attributs (index) sont des entiers non négatifs (l'index dans l'objet sera traité comme une chaîne, ici vous pouvez le comprendre comme une chaîne entière non négative) ; avoir les méthodes du tableau.

Exemple :

//类数组示例
var a = {'1':'gg','2':'love','4':'meimei',length:5};
Array.prototype.join.call(a,'+');//'+gg+love++meimei'//非类数组示例
var c = {'1':2};   //没有length属性就不是类数组

Les tableaux de classes courants en JavaScript incluent des objets arguments et les résultats de retour des méthodes DOM.
Par exemple document.getElementsByTagName().

1. Déterminer si un objet est un objet de type tableau

function isArrayLike(o) {    
if (o &&                                // o is not null, undefined, etc.
        typeof o === 'object' &&            // o is an object
        isFinite(o.length) &&               // o.length is a finite number
        o.length >= 0 &&                    // o.length is non-negative
        o.length===Math.floor(o.length) &&  // o.length is an integer
        o.length < 4294967296)              // o.length < 2^32
        return true;                        // Then o is array-like
    else
        return false;                       // Otherwise it is not}

2 Quels sont les avantages de fonctionner après avoir converti un tableau de type js en tableau ?

Étant donné que les objets de type tableau n'ont pas de tableaux, ils disposent de méthodes pour faire fonctionner les tableaux. Après avoir converti un tableau de classe en tableau, vous pouvez appeler des méthodes puissantes telles que shift, unshift, splice, slice, concat, reverse, sort, etc. , ce qui est pratique et rapide.

3. Méthode tableau de classe JS en tableau

Array.prototype.slice.call(arrayLike)

//将arguments转化为数组后，截取第一个元素之后的所有元素
  var args = Array.prototype.slice.call(arguments,1);

Tout d'abord, le résultat de Array.prototype.slice.call(arrayLike) est de convertir l'objet arrayLike en Array. objet. Par conséquent, vous pouvez ensuite appeler directement les méthodes du tableau, comme

Array.prototype.slice.call(arrayLike).forEach(function(element,index){  //可以随意操作每一个element了 })

(1) Array.prototype.slice représente la méthode slice dans le prototype du tableau. Notez que cette méthode slice renvoie un objet de type Array.

//slice的内部实现Array.prototype.slice = function(start,end){  
      var result = new Array();  
      start = start || 0;  
      end = end || this.length; //this指向调用的对象，当用了call后，能够改变this的指向，也就是指向传进来的对象，这是关键  
      for(var i = start; i < end; i++){  
           result.push(this[i]);  
      }  
      return result;  
 }

(2) La seule méthode qui peut appeler call est que vous ne pouvez pas utiliser [].call, vous devez utiliser [].slice. Le premier paramètre de call indique que l'environnement dans lequel slice est réellement appelé devient l'objet arrayLike. C'est donc comme si arrayLike avait également des méthodes de tableau.

(3) Ci-joint une fonction générale pour convertir des tableaux js en tableaux

var toArray = function(s){  
    try{  
        return Array.prototype.slice.call(s);  
    } catch(e){  
            var arr = [];  
            for(var i = 0,len = s.length; i < len; i++){  
                //arr.push(s[i]);  
                 arr[i] = s[i];     //据说这样比push快            }  
             return arr;  
    }

4. Convertir des tableaux en listes de paramètres (de type tableau)

. Lors de l'appel de la méthode apply, le premier paramètre est l'objet (this) et le deuxième paramètre est une collection de tableaux. Voici une utilisation intelligente de apply, qui peut convertir un tableau en liste de paramètres par défaut ([param1, param2 , param3] en param1, param2, param3). Si nous utilisons un programme pour convertir chaque élément du tableau en une liste de paramètres, cela peut prendre un certain temps. Avec l'aide de cette fonctionnalité d'application, il existe donc la méthode efficace suivante. .

Recommandations associées :

Présentation des tableaux de base js Longueur du tableau Traversée du tableau

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!