コレクションは配列ではありません

私は時折、dom 要素のコレクション（より正式にはノデリストと呼ばれる）のコレクションを配列のように操作できないという事実に悩まされています。しかし、それは1つのように見えますが、それがJavaScriptの初心者によって頻繁に行われる間違いであると考えるので、私たちの今後のJavaScriptリファレンスのために、私はこのポイントに注意する必要があると感じました。 アレイのようなコレクションを繰り返すことができます。

ただし、push（）、splice（）、revern（）などの配列メソッドを使用して操作することはできません。

for(var i=0; i<collection.length; i++)
{
	//whatever
}

できることを除いて、次のステップを踏み、それを配列に変換する場合。これは実際には些細なことです：

上記のコードは完全にクロスブラウザーであり、元のコレクションと呼ばれます。

function collectionToArray(collection)
{
	var ary = [];
	for(var i=0, len = collection.length; i < len; i++)
	{
		ary.push(collection[i]);
	}
	return ary;
}

ただし、ネイティブオブジェクトのプロトタイピング（Opera、Firefox、およびSafari 3）をサポートするブラウザのみを扱う必要がある場合は、節点奏者のtoArray（）メソッドを作成できます。

var elements = collectionToArray(document.getElementsByTagName('*'));

その後、これは個々のコレクションの方法として呼ばれます。

NodeList.prototype.toArray = function()
{
	var ary = [];
	for(var i=0, len = this.length; i < len; i++)
	{
		ary.push(this[i]);
	}
	return ary;
};

この変換には明らかな不利な点が1つあります（ただし、完了しています）。つまり、結果の配列はノーデリストではなくなります。明らかな、はい、しかし、それには2つの意味があるので関連性があります：

• ノデリストから継承されたプロパティと方法が失われます。ただし、NodeListには1つのプロパティ（その長さも配列にも使用できます）と1つのメソッド（項目（）メソッドのみがあります。これは、メンバーを四角いブラケット表記で参照できるため、通常は冗長になります）。したがって、この損失はまったく重要ではありません
• それはもはやライブコレクションではありません。ノデリストは、オブジェクトのコレクションへの参照であり、そのコレクションが変更された場合（たとえば、要素が追加または削除されます）、ノデリストは自動的に更新してその変更を反映します。 逆に、私たちの配列は、ある時点でのコレクションの静的なスナップショットであるため、domの変更に応じて更新されません。アプリケーションに応じて、それは重要かもしれません。

JavaScriptコレクションと配列に関するよくある質問

javascriptのコレクションと配列の違いは何ですか？

javascriptでは、コレクションは要素のグループを含むオブジェクトです。これらの要素は、他のコレクションを含むあらゆるタイプのものです。同様のアイテムのグループを使用する必要がある場合にコレクションが使用されることがよくありますが、配列と同じ方法とプロパティがありません。一方、配列は、アイテムのリストを表す特別なタイプのオブジェクトです。アレイには、プッシュ、ポップ、シフト、シフトなどのコンテンツを操作およびクエリするための組み込みの方法があります。最も一般的な方法の1つは、array.from（）関数を使用することです。この関数は、反復可能なオブジェクトから新しい配列インスタンスを作成します。例は次のとおりです。

let collection = document.getElementsByTagname（ 'div'）;

let array = array.from（collection）;

この例では、div要素のコレクションはアレイに変換されます。配列。ただし、array.from（）またはスプレッド演算子を使用してコレクションを配列に変換し、結果の配列で配列メソッドを使用できます。それらはDOMへのライブリンクを提供します。つまり、DOMが変更された場合、コレクションは自動的に更新されます。これはアレイができないことです。ただし、配列にはデータを操作するためのより組み込みの方法があるため、データ操作タスクにより便利なことがよくあります。

javascriptの配列のようなオブジェクトは何ですか？

配列のようなオブジェクトは、長さのプロパティを持ち、配列のように特定のインデックスに要素を保存できるオブジェクトです。ただし、プッシュ、ポップなどの配列メソッドはありません。配列のようなオブジェクトの一般的な例は、すべての関数内で使用可能な引数オブジェクトです。

オブジェクトがjavascriptの配列またはコレクションであるかどうかを識別できますか？このメソッドは、オブジェクトが配列である場合にtrueを返し、それ以外の場合はfalseです。オブジェクトがコレクションであるかどうかを確認する組み込みの方法はありませんが、長さやアイテムなどのコレクションに共通する特定のプロパティがあるかどうかを確認できます。スプレッドオペレーターは、コレクションの要素を新しい配列に広めることで機能します。例を次に示します。

let collection = document.getElementsByTagname（ 'div'）;

let array = [... collection];

JavaScriptの静的コレクションとライブコレクションの違いは何ですか？これは、要素がDOMから追加または削除された場合、これらの変更を反映するためにコレクションが自動的に更新されることを意味します。一方、静的コレクションは、DOMが変更されたときに更新されません。作成されると、domの変更に関係なく同じままです。

javascriptのコレクションから要素を追加または削除できますか？コレクションは読み取り専用です。ただし、コレクションが基づいているDOM要素を変更できます。これにより、ライブコレクションの場合、コレクションが順番に更新されます。ただし、array.from（）またはスプレッドオペレーターを使用してコレクションを配列に変換し、結果の配列でforeachを使用できます。

以上がコレクションは配列ではありませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。