JQueryのマップとJavaScriptのマップvsループの場合

Question

私はマップに適したコードを実装しています。

var stuff = $.map(listOfMyObjects, someFunction()) 

var stuff = listOfMyObjects.map(someFunction()) 

か、単に

var stuff = new Array(); 
for(var i = 0; i < listOfmyObjects.length; i++){ 
    stuff.push(someFunction(listOfMyObjects[i])); 
} 

Answer 1

後者（forループ）ははるかに高速です。私はどこかでベンチマークを見たのを覚えていますが、私はリンクを見つけることができません。

パフォーマンスが本当に問題であれば、私はforループを使用します。それはあまりコードをあいまいにしていません。

Answer 2

：私の質問はこのアボ行くための最善の方法であるであるので、しかし、私は、私が反復処理するつもりだ、リスト内のオブジェクトを大量に持っています

まず、真Objectsにはネイティブ.map()メソッドがありません。.lengthプロパティもありません。つまり、ArraysまたはArray-like-objects（たとえばjQueryオブジェクト）について話しています。

しかし、ネイティブのfor,whileまたはdo-whileループを使用するよりも、高速に反復する方法はありません。他のすべての関数演算は、各反復のための関数を実行する（推定する）。

jQueryの.each()は、オブジェクトが渡されたときにループを実行します。for-inこれは、オブジェクトをループする方法としては、かなり早いです。自分でfor-inを使うだけで、オーバーヘッドコールを保存することができます。

読みやすさの点でもう1つ「良い」方法は、.keys()と.map()のようなES5機能を使用することです。たとえば：

var myObj = { 
    foo: 'bar', 
    base: 'ball', 
    answer: 42, 
    illuminati: 23 
}; 

Object.keys(myObj).map(function(prop) { 
    console.log(myObj[ prop ]); 
}); 

私は、読みやすさ、納得感、パフォーマンスの面で非常に優れていると思います。もちろん、古いブラウザにはES5抽象ライブラリを使用するべきです。

しかし、ここでも、パフォーマンスの面でネイティブループを克服する方法はありません。

Answer 3

html/javascriptコードを使用してテストケースを作成します（jsperf）。

どのブラウザが最適なのか、どのブラウザがどのくらい高速にループを実行するかを確認できます。

私はネイティブのJavaScriptループにお金を入れますが、あなたは決して知らないでしょう。

Answer 4

+1「Emilによるテスト」回答：これは常に正しい答えです。

しかし、ネイティブループが勝つので、.length参照が各反復で評価されないように、長さをキャッシュすることでより良い結果を得ることができます。

for(var i = 0, l = list.length; i < l; i++) 

またはあなたがより速く、まだだろう「インライン」「someFunction」、可能であれば、後方

for(var i = list.length-1; i >= 0; i--) 

それをやってことで、余分なVARを避けます。基本的には、できるだけ関数呼び出しや参照を避けてください。しかし、それはあなたが本当に細部を見ている場合のみです。このような最適化はほとんど問題にならないだろう。常にボトルネックを見つけるためにテストしてください。ここで

Answer 5

はjsben.chで行われたテストケースである：http://jsben.ch/#/BQhED

それはforループマップ（少なくともクロムで）jQueryのマップよりも速いことを示しています。