この記事では、JavaScript を使用して配列からオブジェクトを削除する方法について説明します。
JavaScript を使用して配列からオブジェクトを削除/削除する方法は?
配列からオブジェクトを削除するには、次のメソッドを使用します。
方法 1: shift() メソッドを使用して配列からオブジェクトを削除する
「 シフト（） 」メソッドは、配列の先頭からアイテムまたはオブジェクトを削除するために使用されます。配列の最初の要素を削除し、残りのすべての要素のインデックスを更新して元の配列を変更します。の静的メソッドです。 配列 ' 物体。
構文
指定された構文は、配列から最初のオブジェクトを削除するために使用されます。
配列。 シフト ( ) ;
例
「」という名前のオブジェクトの配列を作成します arrObj 」：
定数 arrObj = [
{ 名前 : '大きい' 、 年 : 28 } 、
{ 名前 : 「コヴィー」 、 年 : 26 } 、
{ 名前 : 「スティーブン」 、 年 : 27 } 、
{ 名前 : 「ロンダ」 、 年 : 25 } 、
{ 名前 : 'マイク' 、 年 : 22 }
] ;
shift() メソッドを呼び出して、配列の最初のオブジェクトを削除し、それらを変数 ' removeObj 」：
だった removeObj = arrObj。 シフト ( ) ;削除されたオブジェクトをコンソールに出力します。
コンソール。 ログ ( removeObj ) ;
最後に、「 console.log() ' 方法：
コンソール。 ログ ( arrObj ) ;キーと値のペアが「 {名前: マリ、年齢: 28} 」は削除され、「の値として返されます。 removeObj 」。次に、元の配列が変更され、配列内の次のオブジェクトが最初のオブジェクトになるようにインデックスが更新されます。
方法 2: splice() メソッドを使用して配列からオブジェクトを削除する
特定のインデックスからオブジェクトを削除する場合は、「 スプライス（） ' 方法。引数として 2 つのパラメーターを取ります。元の配列を修正/変更し、新しい配列を出力します。
構文
以下の構文は、指定されたオブジェクトを配列から削除するために使用されます。
上記の構文では:
- 「 索引 」は、削除される要素の特定のインデックスです。
- 「 削除数 」は、削除される要素の数です。この値が 0 の場合、要素は削除されません。
例
インデックス「」を渡して splice() メソッドを呼び出します 2 」を使用して、配列から 3 番目のオブジェクトを削除します。 「 1 ” は、配列から 1 つのオブジェクトのみが削除されることを示します。
ご覧のとおり、キー値を含む 3 番目のオブジェクト「 {名前: スティーブン、年齢: 27} 」がアレイから正常に削除されました:
方法 3: pop() メソッドを使用して配列からオブジェクトを削除する
配列から最後のオブジェクトを削除するには、「 ポップ（） ' 方法。これは、配列から最後の要素をポップする Array オブジェクトの組み込みメソッドです。
構文
配列から最後のオブジェクトを削除するには、以下の構文に従います。
例
pop() メソッドを呼び出して、配列から最後のオブジェクトを削除します。
出力
JavaScript で配列からオブジェクトを削除/削除するすべてのメソッドをコンパイルしました。
結論
配列からオブジェクトを削除するには、「 シフト（） ' 方法、 ' スプライス（） 」メソッド、または「 ポップ（） ' 方法。 shift() メソッドは配列から最初のオブジェクトを削除するために使用され、pop() メソッドは最後のオブジェクトを削除し、splice() メソッドは指定されたオブジェクトを削除します。この記事では、JavaScript を使用して配列からオブジェクトを削除する方法を示しました。