JavaScript で最初の N 個の一致する要素を見つける

はじめに

この実験では、JavaScript の findFirstN() 関数を調べます。この関数は、与えられた関数が真値を返す配列の最初の n 要素を見つけるために使用されます。他の配列メソッドと組み合わせて findFirstN() を使用して、配列から特定のデータを操作および抽出する方法を学びます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") subgraph Lab Skills javascript/variables -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} javascript/data_types -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} javascript/arith_ops -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} javascript/comp_ops -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} javascript/cond_stmts -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} javascript/loops -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} javascript/array_methods -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} javascript/obj_manip -.-> lab-28303{{"最初の N 個の一致する要素を見つける"}} end

最初のN個の一致する要素を見つける方法

特定の基準を満たす最初の n 要素を見つけるには、findFirstN 関数を使用します。方法は次のとおりです。

ターミナル/SSH を開きます。
コーディングを練習するには node と入力します。
探索対象の配列、一致関数、および見つける一致数（指定しない場合はデフォルトは1）を渡して findFirstN 関数を使用します。
matcher 関数は arr の各要素に対して実行され、真値を返す場合、その要素が結果配列に追加されます。
res 配列の長さが n に達すると、関数は結果配列を返します。
一致するものが見つからない場合は、空の配列が返されます。

ここに findFirstN 関数のコードを示します。

const findFirstN = (arr, matcher, n = 1) => {
  let res = [];
  for (let i in arr) {
    const el = arr[i];
    const match = matcher(el, i, arr);
    if (match) res.push(el);
    if (res.length === n) return res;
  }
  return res;
};

そして、それを使用する方法のいくつかの例を示します。

findFirstN([1, 2, 4, 6], (n) => n % 2 === 0, 2); // [2, 4]
findFirstN([1, 2, 4, 6], (n) => n % 2 === 0, 5); // [2, 4, 6]

まとめ

おめでとうございます！「最初のN個の一致する要素を見つける」実験を完了しました。スキルを向上させるために、LabExでさらに実験を練習できます。