请注意，还有两个更有趣的变体：

1. Array.from函数接受第二个参数，该参数是为每个元素调用的回调函数。我们可以预期它比附加到它的.forEach方法更快，因为不需要创建中间数组
2. ES6 for..of循环
   但众所周知的事实是，老式的for循环击败了所有替代方案。这里是一个小片段，使测量：

const childNodes = document.querySelector('#someid').childNodes;
let i, start, duration, times = 500000;
k = times;
start = performance.now();
while (k>0) {
    Array.from(childNodes).forEach(node => 
        k -= node ? 1 : 0
    );
}
duration = performance.now() - start;
console.log('Array.from with forEach: ', duration.toFixed(2));
k = times;
start = performance.now();
while (k>0) {
    Array.from(childNodes, node => 
        k -= node ? 1 : 0
    );
}
duration = performance.now() - start;
console.log('Array.from callback: ', duration.toFixed(2));
k = times;
start = performance.now();
while (k>0) {
    for (let i = 0; i < childNodes.length; i++) {
        k -= childNodes[i] ? 1 : 0;
    }
}
duration = performance.now() - start;
console.log('Oldfashioned for-loop: ', duration.toFixed(2));
    
k = times;
start = performance.now();
while (k>0) {
    for (const node of childNodes) {
        k -= node ? 1 : 0;
    }
}
duration = performance.now() - start;
console.log('for-of loop: ', duration.toFixed(2));

个字符

你的问题用词不对。
而不是：Array.from vs for(..)应该是：Array.forEach与for(...)
对于这个问题，你可以在SO或简单的谷歌搜索中找到非常好的答案。

• https://stackoverflow.com/a/43032526/5739073
• https://thejsguy.com/2016/07/30/javascript-for-loop-vs-array-foreach.html的
• https://medium.com/@abustamam/for-loops-vs-foreach-in-javascript-7a977278a39e的
• https://jsperf.com/for-vs-foreach/37的

tl;dr;

for循环更快。forEach较慢，但更适合函数式编程范例。

根据这个jsperf，for循环比forEach快，但for...in最慢。
正如前面提到的，Array.from是不相关的，因为它只被调用一次。
另外值得一提的是，在您的示例的真实的用例中，最慢的操作可能是document.querySelector。根据这个jsperf使用getElementById要快得多。
这里更大的收获是在担心性能之前理解用例和可维护性;当你担心性能的时候，更全面地考虑它。