はじめに
この実験では、JavaScript の配列から一意の値をフィルタリングする概念を探ります。Set コンストラクタと スプレッド 演算子を使って一意の値の配列を作成し、その後 filter() メソッドを使って非一意の値のみをフィルタリングします。この実験は、配列内の一意の値をフィルタリングする重要性と、簡単な JavaScript コードを使ってそれを達成する方法を理解するのに役立ちます。
これは Guided Lab です。学習と実践を支援するためのステップバイステップの指示を提供します。各ステップを完了し、実践的な経験を積むために、指示に注意深く従ってください。過去のデータによると、この 初級 レベルの実験の完了率は 100%です。学習者から 100% の好評価を得ています。
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 でさらに実験を練習することができます。