削除と結合: 配列要素を削除するにはどちらの JavaScript メソッドを使用する必要がありますか?

JavaScript での配列要素の削除: 削除と結合

JavaScript で配列を操作する場合、多くの場合、要素を削除する必要があります。これに使用できるメソッドは、delete 演算子と Array.splice メソッドの 2 つです。どちらも要素を削除するという目的を達成できますが、実装とその意味が大きく異なります。

delete 演算子

delete 演算子は、オブジェクトまたはオブジェクトのプロパティを削除します。指定されたインデックスの配列。ただし、オブジェクトとは異なり、配列はインデックスを追跡する特別なタイプのオブジェクトです。 delete 演算子を使用して配列から要素が削除される場合、インデックスの再作成や配列の長さの調整は自動的には行われません。

次の例を考えてみましょう。

const myArray = ['a', 'b', 'c', 'd'];
delete myArray[1];

このコードを実行した後、 myArray[1] プロパティは削除されますが、配列の長さは 4 のままです。削除された要素は Chrome 開発ツールで「空」としてマークされ、設定されているような印象を与えます。未定義にします。しかし、そうではありません。プロパティが配列から欠落しているだけです。

Array.splice メソッド

一方、Array.splice メソッドは実際に配列から要素を削除します。後続の要素のインデックスを再作成し、配列の長さを更新します。

例:

const myArray = ['a', 'b', 'c', 'd'];
myArray.splice(1, 1);

この場合、インデックス 1 の要素 (値 "b" を持つ) が配列から削除されます。残りの要素のインデックスが再作成され、配列の長さが 3 に減ります。

delete または splice を使用する場合

それらの動作に基づいて、通常はこれが推奨されます。 Array.splice メソッドを使用して配列要素を削除します。 delete 演算子は配列内に空のスロットを残すため、混乱を招く可能性があり、これは望ましい動作ではない可能性があります。一方、splice メソッドは、配列の正しい構造と長さを維持しながら要素を削除する、よりクリーンで直感的な方法を提供します。

以上が削除と結合: 配列要素を削除するにはどちらの JavaScript メソッドを使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。