एक HTMLCollection को एक ऐरे

Question

में परिवर्तित करने का सबसे प्रभावी तरीका क्या है HTML संग्रह को एक ऐरे में परिवर्तित करने का एक और अधिक प्रभावी तरीका है, जो कि संग्रहित सामग्री की सामग्री के माध्यम से पुन: सक्रिय करने और मैन्युअल रूप से प्रत्येक आइटम को सरणी में धक्का दे रहा है?

Answer 1

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

"मूल" कोड का उपयोग कर एक ही प्रभाव होगा।

संपादित

के बाद से इस विचार, टिप्पणी (@ Oriol की टिप्पणी के अनुसार) है जो निम्न अधिक संक्षिप्त अभिव्यक्ति प्रभावी रूप से बराबर है की एक बहुत कुछ हो जाता है:

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

लेकिन @ JussiR के प्रति ध्यान दें टिप्पणी, "वर्बोज़" फ़ॉर्म के विपरीत, यह प्रक्रिया में एक खाली, अप्रयुक्त, और वास्तव में अनुपयोगी सरणी उदाहरण बनाता है। इसके बारे में क्या कंपाइलर प्रोग्रामर के केन के बाहर है।

संपादित

के बाद से ECMAScript 2015 (एड 6) भी Array.from वहाँ है: क्रॉस ब्राउज़र कार्यान्वयन के लिए

var arr = Array.from(htmlCollection); 

Answer 2

मैं sugguest चाहते हैं आप prototype.js$A समारोह को देखने के

copyed from 1.6.1 :

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; 
} 

यह Array.prototype.slice का उपयोग नहीं करता है क्योंकि यह हर ब्राउज़र पर उपलब्ध नहीं है। मुझे डर है कि प्रदर्शन बहुत खराब है क्योंकि पतन वापस iterable पर एक जावास्क्रिप्ट पाश है।

Answer 3

यह मेरा व्यक्तिगत समाधान, जानकारी यहां (इस सूत्र) पर आधारित है:

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

कहाँ $ एक गैरेथ डेविस द्वारा वर्णित किया गया था अपनी पोस्ट में:

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; 
} 

ब्राउज़र का समर्थन करता है सबसे अच्छा तरीका, ठीक है, अन्यथा क्रॉस ब्राउज़र का उपयोग करेंगे।

Answer 4

मैंने सामान्य रूप से Array.prototype विधियों को प्राप्त करने की एक और संक्षिप्त विधि देखी जो कि काम करता है। जैसा कि पहले टिप्पणी, ऐसे IE7 के रूप में पुराने ब्राउज़र के लिए में उल्लेख किया और

 
[].slice.call(yourHTMLCollectionObject); 

और,, आप बस, एक संगतता समारोह का उपयोग करने के की तरह: एक Array वस्तु में एक HTMLCollection वस्तु परिवर्तित नीचे बताया गया है

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

    return a 
} 

मुझे पता है कि यह एक पुराना सवाल है, लेकिन मुझे लगा कि स्वीकार्य उत्तर थोड़ा अपूर्ण था; इसलिए मैंने सोचा कि मैं इसे एफडब्ल्यूआईडब्ल्यू में फेंक दूंगा।

Answer 5

यकीन नहीं करता है, तो यह सबसे कारगर है, लेकिन एक संक्षिप्त ES6 वाक्य रचना हो सकता है:

let arry = [...htmlCollection] 

---

संपादित करें: एक और एक, Chris_F टिप्पणी से:

let arry = Array.from(htmlCollection) 

Answer 6

इस में काम करता है पहले आईई संस्करणों सहित सभी ब्राउज़रों।

var arr = []; 
[].push.apply(arr, htmlCollection); 

चूंकि jsperf अभी भी इस समय नीचे है, यहां एक jsfiddle है जो विभिन्न विधियों के प्रदर्शन की तुलना करता है। https://jsfiddle.net/qw9qf48j/