Le moyen le plus efficace pour convertir un HTMLCollection à un Tableau

var arr = Array.prototype.slice.call( htmlCollection )

aura le même effet à l'aide de "native" du code.

Modifier

Depuis ce reçoit beaucoup de points de vue, la note (par @oriol commentaire) que les plus concise expression est efficacement équivalent:

var arr = [].slice.call(htmlCollection);

Mais note par @JussiR commentaire, que, contrairement à la "commentaires" du formulaire, il crée un vide, non utilisé, et en effet inutilisables en l'occurrence de array dans le processus. Les compilateurs faire à ce sujet est à l'extérieur de l'entreprise de programmation de ken.

Modifier

Depuis ECMAScript 2015 (ed 6) il est également Tableau.à partir de:

var arr = Array.from(htmlCollection);

Modifier

ECMAScript 2015 prévoit également la la propagation de l'opérateur, qui est fonctionnellement équivalent à Array.from (à noter toutefois que la Array.from prend en charge une fonction de mappage en tant que deuxième argument).

var arr = [...htmlCollection];

J'ai confirmé que les deux travailler sur NodeList.

J'ai vu un plus concis méthode pour obtenir de l' Array.prototype méthodes en général, qui fonctionne tout aussi bien. La conversion d'un HTMLCollection objet dans un Array objet est démontré ci-dessous:

[].la tranche.appel( yourHTMLCollectionObject ); 

Et, comme mentionné dans les commentaires, pour les anciens navigateurs tels que IE7 et plus tôt, vous devez simplement utiliser une compatibilité fonction, comme:

function toArray(x) {
    for(var i = 0, a = []; i < x.length; i++)
        a.push(x[i]);

    return a
}

Je sais que c'est une vieille question, mais j'ai senti que l'on a accepté la réponse a été un peu incomplète; j'ai donc pensé que je jetterais ce FWIW.

C'est ma solution personnelle, sur la base des informations ici (ce fil):

var Divs = new Array();    
var Elemns = document.getElementsByClassName("divisao");
    try {
        Divs = Elemns.prototype.slice.call(Elemns);
    } catch(e) {
        Divs = $A(Elemns);
    }

Où $A été décrit par Gareth Davis dans son post:

function $A(iterable) {
  if (!iterable) return [];
  if ('toArray' in Object(iterable)) return iterable.toArray();
  var length = iterable.length || 0, results = new Array(length);
  while (length--) results[length] = iterable[length];
  return results;
}

Si le navigateur prend en charge de la meilleure façon, ok, sinon vous allez utiliser le navigateur croix.

Pour convertir le tableau comme le tableau de manière efficace, nous pouvons utiliser la jQuery makeArray :

makeArray: Convertir un tableau comme objet dans un vrai tableau JavaScript.

Utilisation:

var domArray = jQuery.makeArray(htmlCollection);

---

Un peu plus:

Si vous ne souhaitez pas conserver la référence à l'objet array (la plupart du temps HTMLCollections sont dynamiquement les changements de sorte que son meilleur pour les copier dans un autre tableau, Cet exemple payer une attention particulière à la performance:

var domDataLength = domData.length //Better performance, no need to calculate every iteration the domArray length
var resultArray = new Array(domDataLength) //Since we know the length its improves the performance to declare the result array from the beginning.

for (var i = 0 ; i < domDataLength ; i++) {
    resultArray[i] = domArray[i]; //Since we already declared the resultArray we can not make use of the more expensive push method.
}

Ce qui est semblable au tableau?

HTMLCollection est un "array-like" objet, le semblable au tableau objets sont semblables à la matrice de l'objet, mais manque beaucoup de ses fonctionnellement définition:

Tableau-comme des objets comme des tableaux. Ils ont différents numérotés
éléments et d'une longueur de propriété. Mais la ressemblance s'arrête.
Tableau-comme les objets n'ont pas de Tableau de fonctions, et pour en
boucles ne fonctionne même pas!