JavaScript | オブジェクトキーの削除 | コーディングチュートリアル

はじめに

この実験では、JavaScript を使って与えられた条件に基づいてオブジェクトのキーを省略する概念を探ります。提供された関数に基づいてオブジェクトからキーをフィルタリングするために omitBy() 関数をどのように使うかを学びます。実際の例を通じて、この関数がコードを簡略化し、効率的にするのにどのように役立つかを理解します。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28528{{"一致するオブジェクトキーを省略する"}} javascript/data_types -.-> lab-28528{{"一致するオブジェクトキーを省略する"}} javascript/arith_ops -.-> lab-28528{{"一致するオブジェクトキーを省略する"}} javascript/comp_ops -.-> lab-28528{{"一致するオブジェクトキーを省略する"}} javascript/array_methods -.-> lab-28528{{"一致するオブジェクトキーを省略する"}} javascript/higher_funcs -.-> lab-28528{{"一致するオブジェクトキーを省略する"}} javascript/destr_assign -.-> lab-28528{{"一致するオブジェクトキーを省略する"}} end

コールバック関数に基づくオブジェクトのキーの削除

コールバック関数に基づいてオブジェクトのキーを削除するには、omitBy 関数を使用します。

omitBy は、与えられた関数に対して偽を返すプロパティで構成されるオブジェクトを作成します。
Object.keys() と Array.prototype.filter() は、fn が真を返すキーを削除するために使用されます。
Array.prototype.reduce() は、フィルタリングされたキーを対応するキーと値のペアを持つオブジェクトに戻します。
コールバック関数には 2 つの引数があります。value と key。
以下の例は、omitBy を使用してオブジェクトから数値型のキーを削除する方法を示しています。

const omitBy = (obj, fn) =>
  Object.keys(obj)
    .filter((k) => !fn(obj[k], k))
    .reduce((acc, key) => ((acc[key] = obj[key]), acc), {});

omitBy({ a: 1, b: "2", c: 3 }, (x) => typeof x === "number"); // { b: '2' }

まとめ

おめでとうございます！あなたはオミットマッチングオブジェクトキーの実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を行って練習することができます。