JavaScript で値によって配列からアイテムを削除する方法

Javascript De Zhiniyotte Pei Liekaraaitemuwo Xue Chusuru Fang Fa



配列は、1 つの変数に格納される要素の組み合わせです。 JavaScript 配列から項目を追加、削除、および変更するためのさまざまなメソッドを提供します。各項目には、配列内の位置を識別するための一意のインデックスがあります。このガイドでは、 配列からアイテムを削除する JavaScript を使用してそれらに値を渡すことによって フィルター() スプライス() メソッド。これらの組み込みメソッドを考慮して、このガイドの内容は次のようになります。

方法 1: JavaScript で splice() メソッドを使用して値によって配列からアイテムを削除する

JavaScript の組み込みメソッド 配列.スプライス() 配列からアイテムを削除するために使用されます。このメソッドは、インデックスを介して渡される項目値を削除することによって、新しい配列を返します。このメソッドを使用する目的は、配列に項目を追加または削除して配列を上書きすることです。構文について説明しましょう。

構文







配列。 スプライス ( 一つに アイテム )

パラメータの説明は次のとおりです。



  • の: インデックス番号を指定してアイテムを削除します。
  • 1つに: 削除する番号を表します。
  • アイテム: 配列への項目の追加を参照してください。

コード



定数 到着 = [ { 一つに : 5 } { 一つに : 10 } { 一つに : 15 } ] ;

定数 idxObj = 到着 検索インデックス ( 物体 => {
戻る 物体。 一つに === 10 ;
} ) ;

到着 スプライス ( idxObj 1 ) ;
コンソール。 ログ ( 到着 ) ;

コードは、アイテムの削除を説明します。 一つに 値は 10 .このコードでは、 arr.スプライス() メソッドを使用して、アイテムを削除します。 idxObj からのインデックス 到着 配列。最後に、新しい配列が console.log() 方法。





出力

出力は、長さが 2 の新しい配列を返します。この新しい配列では、値が 10 に等しい項目が、 arr.スプライス() JavaScript のメソッド。



方法 2: JavaScript で filter() メソッドを使用して配列からアイテムを削除する

フィルター() メソッドを使用して、指定された基準に基づいて配列をフィルタリングします。このメソッドでは、ユーザーは配列内のアイテムを削除するための値を指定できます。の フィルター() メソッドは、配列内の既存の要素を反復処理します。さらに、

構文

配列。 フィルター ( 関数 ( 曲線 idx 到着 ) この値 )

パラメータの説明は以下の通りです。

  • 関数: コールバック関数を表します。
  • 曲線: 現在の要素値を指定します。
  • idx: 現在の要素インデックスを参照します。
  • 到着: 配列を表します。


JavaScript で値を渡すことにより、配列からアイテムを削除する例を使用します。

コード

定数 到着 = [
{ 名前 : 「ハリー」 見せる : 'クリケット' }
{ 名前 : 「ジョン」 見せる : 'フットボール' }
{ 名前 : 「結婚する」 見せる : 'ホッケー' }
{ 名前 : 'ボブ' 見せる : 'ランニング' }
] ;
コンソール。 ログ ( 到着 ) ;
レム = 到着 フィルター ( 到着 => 到着 名前 != 「ハリー」 ) ;
コンソール。 ログ ( レム ) ;

コードは次のように説明されています。

  • まず、配列 到着 などのさまざまなアイテムを格納することによって作成されます。 名前 見せる .
  • その後、 フィルター() メソッドは条件を渡すことによって利用されます arr.name!='ハリー' .
  • 最後に、 console.log() メソッドを使用して、新しい配列を表示します。

出力

コードの出力は、値が「」に等しい特定の項目を削除して、新しい配列を返します。 ハリー 」。

結論

2 つの組み込みメソッド 配列.スプライス() 配列.filter() メソッドは、JavaScript の配列からアイテムを削除するために使用されます。の中に 配列.スプライス() メソッドでは、配列内の指定された項目を削除するために、項目のインデックス値が渡されます。の 配列.filter() メソッドを使用して、条件を適用して既存の配列をフィルタリングします。これらの方法は両方とも、多くのアイテムを処理して、開発者とユーザーの時間と労力を節約するのに役立ちます。この記事では、値を渡して配列から項目を削除する方法を学びました。 JavaScript .