順次値を使った配列操作のマスター

はじめに

この実験では、reduceSuccessive() 関数を使って、与えられた関数をアキュムレータと配列の各要素に適用し、順次減算された値の配列を返す方法を探ります。Array.prototype.reduce() を使って関数を配列に適用し、各新しい結果を格納する方法を学びます。この実験が終了するとき、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") subgraph Lab Skills javascript/variables -.-> lab-28632{{"順次値の配列"}} javascript/data_types -.-> lab-28632{{"順次値の配列"}} javascript/arith_ops -.-> lab-28632{{"順次値の配列"}} javascript/comp_ops -.-> lab-28632{{"順次値の配列"}} javascript/higher_funcs -.-> lab-28632{{"順次値の配列"}} end

順次値の配列

JavaScript で順次値の配列を作成するには、Array.prototype.reduce() メソッドを使うことができます。このメソッドは、左から右へと、関数をアキュムレータと配列の各要素に適用し、順次減算された値の配列を返します。

以下は、与えられた関数を与えられた配列に適用し、各新しい結果を格納するための reduceSuccessive 関数の使い方です：

const reduceSuccessive = (arr, fn, acc) =>
  arr.reduce(
    (res, val, i, arr) => (res.push(fn(res.slice(-1)[0], val, i, arr)), res),
    [acc]
  );

その後、配列、関数、およびアキュムレータの初期値を使って reduceSuccessive 関数を呼び出すことができます：

reduceSuccessive([1, 2, 3, 4, 5, 6], (acc, val) => acc + val, 0);
// [0, 1, 3, 6, 10, 15, 21]

この関数を使ってコーディングを練習するには、ターミナル/SSH を開いて node と入力します。

まとめ

おめでとうございます！順次値の配列の実験を完了しました。スキルを向上させるために、LabEx でさらに実験を練習できます。