JavaScript 配列で一意の値をフィルタリングする

はじめに

この実験では、JavaScript の配列から一意の値をフィルタリングする概念を探ります。Set コンストラクタと スプレッド 演算子を使って一意の値の配列を作成し、その後 filter() メソッドを使って非一意の値のみをフィルタリングします。この実験は、配列内の一意の値をフィルタリングする重要性と、簡単な JavaScript コードを使ってそれを達成する方法を理解するのに役立ちます。

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-28299{{"配列から一意の値をフィルタリングする"}} javascript/data_types -.-> lab-28299{{"配列から一意の値をフィルタリングする"}} javascript/arith_ops -.-> lab-28299{{"配列から一意の値をフィルタリングする"}} javascript/comp_ops -.-> lab-28299{{"配列から一意の値をフィルタリングする"}} javascript/higher_funcs -.-> lab-28299{{"配列から一意の値をフィルタリングする"}} javascript/spread_rest -.-> lab-28299{{"配列から一意の値をフィルタリングする"}} end

JavaScript を使って配列内の一意の値をフィルタリングする方法

JavaScript を使って配列内の一意の値をフィルタリングするには、次の手順に従います。

ターミナル/SSH を開き、コーディングを練習するために node と入力します。
Set コンストラクタとスプレッド演算子 (...) を使って、元の配列の一意の値の配列を作成します。
Array.prototype.filter() を使って、非一意の値のみを含む配列を作成します。
filterUnique という関数を定義し、引数として配列を受け取り、上記の手順を適用します。
引数として配列を使って filterUnique 関数を呼び出します。

これを達成するためのコードの例は次のとおりです。

const filterUnique = (arr) =>
  [...new Set(arr)].filter((i) => arr.indexOf(i) !== arr.lastIndexOf(i));

filterUnique([1, 2, 2, 3, 4, 4, 5]); // [2, 4]

上記のコードスニペットでは、filterUnique 関数は配列を受け取り、Set コンストラクタと Array.prototype.filter() メソッドを適用して、非一意の値のみを含む配列を返します。

まとめ

おめでとうございます！あなたは「一意の配列値をフィルタリング」の実験を完了しました。あなたの技術を向上させるために、LabEx でさらに実験を練習することができます。