配列の直積

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、2つの配列の要素からすべての可能なペアを生成することで、与えられた2つの配列から新しい配列を作成する方法を探ります。これを達成するために、JavaScriptの組み込みメソッドである reduce()map()、および concat() を使用します。この実験が終了するまでに、JavaScriptにおける配列の操作方法を十分に理解するようになります。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) 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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28228{{"配列の直積"}} javascript/data_types -.-> lab-28228{{"配列の直積"}} javascript/arith_ops -.-> lab-28228{{"配列の直積"}} javascript/comp_ops -.-> lab-28228{{"配列の直積"}} javascript/higher_funcs -.-> lab-28228{{"配列の直積"}} end

JavaScriptにおける配列の直積の作成

JavaScriptにおいて配列の直積を作成するには、次の手順に従います。

  1. ターミナル/SSHを開き、コーディングを練習するために node を入力します。
  2. Array.prototype.reduce()Array.prototype.map()、および Array.prototype.concat() を使用して、2つの配列の要素からすべての可能なペアを生成します。
  3. 関数 xProd() は2つの配列を引数として受け取り、配列から各可能なペアを作成することで、与えられた2つの配列から新しい配列を作成します。
  4. 以下は、動作中の xProd() 関数の例です。
const xProd = (a, b) =>
  a.reduce((acc, x) => acc.concat(b.map((y) => [x, y])), []);

xProd([1, 2], ["a", "b"]); // [[1, 'a'], [1, 'b'], [2, 'a'], [2, 'b']]

これは、2つの入力配列の要素のすべての可能なペアを含む配列を返します。

まとめ

おめでとうございます!配列の直積の実験を完了しました。技術力を向上させるために、LabExでさらに実験を練習してください。