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

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

DDD
DDDオリジナル
2024-11-20 14:25:18553ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。