jQueryオブジェクトはどのように配列を模倣するのですか？

Question

jQueryオブジェクトは、ネイティブプロトタイプを汚染することなく配列のように動作します。 これはどのように達成されましたか？

数値キーを持つオブジェクトではないことがわかりました。おそらく、それぞれのメソッドを提供するだけの問題です（jQuery.prototype.indexOf = Array.prototype.indexOfなど）。

私はグーグルでソースを見ましたが、決定的な回答は見つかりませんでした。 jQueryのコードで

Answer 1

jQueryオブジェクトは配列のように動作しますが、実際はという配列のようなものですオブジェクトです。配列のようなオブジェクトは、lengthというプロパティを持つ数値キーを使用するオブジェクトです。つまり、native array methodsとの互換性に必要な最小値です。

jQueryのオブジェクトは、（indexOf又はreverse等）アレイ状と実際のないArrayオブジェクト、ネイティブ配列の操作は直接呼び出すことができないだけであるからです。あなたはArray.prototypeを使うことができますが、jQueryの機能を拡張することもできます。

$('div').reverse(); // TypeError: $("div").reverse is not a function 

// we can use Array.prototype though 
Array.prototype.reverse.apply($('div')); 

// or we can extend jQuery very easily 
$.fn.reverse = Array.prototype.reverse; 
$('div').reverse(); // now it works! 

Firebugには、jQueryオブジェクトの書式設定のための特別なケースは含まれていないものとします。クイック検索でFirebugメーリングリストにa relevant postと表示されます。情報がまだ正しいと仮定すると（投稿は1月からです）、有限長 spliceの場合、Firebugはオブジェクトを配列としてフォーマットします。

JQueryはこれらの基準の両方を満たしていますが、their implementation of spliceはネイティブArrayメソッドの直接コピーに過ぎません。これは文書化されていません。つまり、内部使用のためだけです。あるいは、おそらくFirebugを使ってjQueryオブジェクトをうまくフォーマットすることを目的として追加されたものです。

Answer 2

ルック（開発）、行139：

// Force the current matched set of elements to become 
// the specified array of elements (destroying the stack in the process) 
// You should use pushStack() in order to do this, but maintain the stack 
setArray: function(elems) { 
    // Resetting the length to 0, then using the native Array push 
    // is a super-fast way to populate an object with array-like properties 
    this.length = 0; 
    Array.prototype.push.apply(this, elems); 
     return this; 
}, 

jQueryのクエリのいずれかの結果が配列であるためです。