ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 配列からオブジェクトを削除するにはどうすればよいですか?

JavaScript 配列からオブジェクトを削除するにはどうすればよいですか?

DDD
リリース: 2024-11-20 14:25:18
オリジナル
552 人が閲覧しました

How Can I Remove Objects from a JavaScript Array?

JavaScript で配列からオブジェクトを削除する

JavaScript では、配列からオブジェクトを削除するさまざまなメソッドがあります。さまざまなアプローチを検討してみましょう:

1. Array.shift() および Array.pop():

  • Array.shift(): 配列から最初の要素を削除します。
  • Array.pop():配列から最後の要素を削除します。

2. Array.splice():

  • Array.splice(index, numElementsToRemove): 指定されたインデックスから開始して numElementsToRemove まで続く要素を削除します。

3. Array.slice():

  • Array.slice(startIndex, endIndex): startIndex (両端を含む) から endIndex (両端を含まない) までの要素を含む新しい配列を作成します。

4. Array.filter() および Array.findIndex():

  • Array.filter(callbackFunction): callbackFunction で指定された条件を渡す要素を含む新しい配列を作成します。
  • findIndex: callbackFunction で指定された条件を通過する最初の要素のインデックスを返します。このインデックスは Array.splice() の引数として使用できます。

例:

「Kristian」という名前のオブジェクトを削除するには提供された配列:

  • findIndex を使用した破壊的スプライス:

    let someArray = [{name: "Kristian", lines: "2,5,10"},
                   {name: "John", lines: "1,19,26,96"}];
    
    someArray.splice(someArray.findIndex(v => v.name === "Kristian"), 1);
    
    console.log(someArray); // [{name: "John", lines: "1,19,26,96"}]
    ログイン後にコピー
  • 非破壊フィルター :

    let someArray = [{name: "Kristian", lines: "2,5,10"},
                   {name: "John", lines: "1,19,26,96"}];
    
    let noKristian = someArray.filter(v => v.name !== "Kristian");
    
    console.log(someArray); // [{name: "Kristian", lines: "2,5,10"},
                            {name: "John", lines: "1,19,26,96"}]
    console.log(noKristian); // [{name: "John", lines: "1,19,26,96"}]
    ログイン後にコピー

特定の要件に最も適した方法を選択し、それに応じて使用してください。

以上がJavaScript 配列からオブジェクトを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート