なぜfor-inはJavaScriptで遅いのですか？

Question

for-inループは配列をループするよりも遅いと読みました... sizeof（type）ブロックで前進することは、シーンの背後で何が起こってもオブジェクトのキー、私はまだ興味がありますが、正確な理由はそれが遅いということです...

キーを取得するために逆ハッシュ関数を実行する必要がありますか？そのプロセスは遅いですか？

Answer 1

特定のエンジンの場合、これに対する実際の答えは、おそらくそのエンジンの実装に依存します。 （違いの大きさは、あれば）。

しかし、不変量があります。たとえば、考えてみます。

var obj = {a: "alpha", b: "beta"}; 
var name; 
for (name in obj) { 
    console.log(obj[name]); 
} 

var arr = ["alpha", "beta"]; 
var index; 
for (index = 0; index < arr.length; ++index) { 
    console.log(arr[index]); 
} 

をobjの場合、エンジンは、すでに繰り返し処理し、どのきたあなたがいないだけでなく、フィルタリングしているものをどのプロパティを追跡するためにメカニズムを使用する必要があります非列挙型プロパティたとえば、舞台裏で何らかのイテレータオブジェクト（および仕様が定義されている方法、一時配列である可能性があります）があります。

arrの場合、そうではありません。非常にシンプルで効率的な方法でコード内で処理しています。

各ループのブロックの内容は同じです。オブジェクトに対するプロパティルックアップ。 （後者の場合、理論的には数値から文字列への変換もあります。）

したがって、実装に固有でない答えは次のとおりです。

Answer 2

for..eachループiterators and generatorsを使用します。

イテレータは、next()メソッドを持つオブジェクトです。 Generatorは、yield()式を含むファクトリ関数です。どちらの構文も整数インデックス変数よりも複雑です。

典型的なfor(var i = 0; i < arr.length; i++)ループでは、ほぼすべての反復で実行される2つのコマンドはi++とi < arrです。おそらく、関数呼び出し（next()またはyield()）よりもはるかに高速です。

さらに、ループ開始（var i = 0）は、next()メソッドを使用してイテレータオブジェクトを作成するか、ジェネレータを呼び出してイテレータを作成するよりも高速です。しかし、それは実装に大きく依存し、Javascriptエンジンの作成者は、よく使われる言語機能を加速するために最善を尽くす。

私は、コードの他の部分を最適化する時間を費やしたいと思うほど、その差はあまりないと言います。構文の選択は、コードの可読性とメンテナンス性を、パフォーマンスの向上が複雑さを増すほど小さい場合のパフォーマンスよりも考慮する必要があります。あなたが豊かで有名になった後、あなたとあなたのコードを維持する他の開発者にとってより意味のある構文を使用してください！ ;）