連続する要素の配列

JavaScriptJavaScriptBeginner
今すぐ練習

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

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

はじめに

この実験では、JavaScript を使って、与えられた配列内の連続する要素のすべての配列を見つける方法を探ります。Array.prototype.slice()Array.prototype.map() メソッドを使って配列の要素を抽出してマッピングし、n 個の連続する要素の配列を作成する方法を学びます。この実験は、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-28166{{"連続する要素の配列"}} javascript/data_types -.-> lab-28166{{"連続する要素の配列"}} javascript/arith_ops -.-> lab-28166{{"連続する要素の配列"}} javascript/comp_ops -.-> lab-28166{{"連続する要素の配列"}} javascript/higher_funcs -.-> lab-28166{{"連続する要素の配列"}} end

連続する要素の配列を見つける

連続する要素の配列を見つけるには、次の手順に従います。

  1. ターミナル/SSH を開き、コーディングを練習するために node と入力します。
  2. Array.prototype.slice() を使って、先頭から n - 1 個の要素を削除した配列を作成します。
  3. Array.prototype.map()Array.prototype.slice() を使って、各要素を n 個の連続する要素の配列にマッピングします。

これらの手順を実装した例の関数は次のとおりです。

const findConsecutive = (arr, n) =>
  arr.slice(n - 1).map((v, i) => arr.slice(i, i + n));

この関数に配列と数 n を渡すことで、配列内の n 個の連続する要素のすべての配列を見つけることができます。たとえば:

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

まとめ

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