JavaScript における一意の対称差

はじめに

この実験では、JavaScript において 2 つの配列間の一意の対称差を見つける概念を探ります。各配列から重複する値を削除するために Array.prototype.filter() と Array.prototype.includes() メソッドを使用し、その結果から Set を作成して最終出力を取得します。このエクササイズは、JavaScript における配列操作と Set データ構造の理解を向上させるのに役立ちます。

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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28162{{"配列の一意の対称差"}} javascript/data_types -.-> lab-28162{{"配列の一意の対称差"}} javascript/arith_ops -.-> lab-28162{{"配列の一意の対称差"}} javascript/comp_ops -.-> lab-28162{{"配列の一意の対称差"}} javascript/higher_funcs -.-> lab-28162{{"配列の一意の対称差"}} javascript/spread_rest -.-> lab-28162{{"配列の一意の対称差"}} end

配列の一意の対称差関数

コーディングを練習するには、ターミナル/SSH を開いて node と入力します。次の関数は、2 つの配列間の一意の対称差を返します。どちらの配列からも重複する値を削除します。

これを達成するには、各配列に対して Array.prototype.filter() と Array.prototype.includes() を使用して、もう一方の配列に含まれる値を削除します。結果から重複する値を削除するために Set を作成します。

const uniqueSymmetricDifference = (a, b) => [
  ...new Set([
    ...a.filter((v) => !b.includes(v)),
    ...b.filter((v) => !a.includes(v))
  ])
];

次のように関数を使用します。

uniqueSymmetricDifference([1, 2, 3], [1, 2, 4]); // [3, 4]
uniqueSymmetricDifference([1, 2, 2], [1, 3, 1]); // [2, 3]

まとめ

おめでとうございます！あなたは配列の一意の対称差の実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに実験を行って練習することができます。