JavaScript の基礎を実践する

JavaScriptJavaScriptBeginner
今すぐ練習

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

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

はじめに

この実験では、配列操作、オブジェクト作成、関数合成など、さまざまな JavaScript プログラミング概念を探求して練習します。この実験の目的は、基本概念を網羅した実践的な演習を提供することで、JavaScript プログラミングのスキルを向上させることです。この実験が終了するまでに、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/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28345{{"JavaScript の基礎を実践する"}} javascript/data_types -.-> lab-28345{{"JavaScript の基礎を実践する"}} javascript/arith_ops -.-> lab-28345{{"JavaScript の基礎を実践する"}} javascript/comp_ops -.-> lab-28345{{"JavaScript の基礎を実践する"}} javascript/destr_assign -.-> lab-28345{{"JavaScript の基礎を実践する"}} end

コードの練習

コーディングの練習を始めるには、ターミナル/SSH を開き、nodeと入力します。その後、generateItems関数を使用して、特定の数の要素を持つ配列を生成できます。

  • 生成したい要素の数と、要素を生成するために使用する関数を引数にgenerateItemsを呼び出します。
  • generateItemsArray.from()を使用して指定された長さの空の配列を作成し、新しく作成された各要素のインデックスを引数にして提供された関数を呼び出します。
  • 提供された関数は 1 つの引数を持ちます。各要素のインデックスです。
const generateItems = (n, fn) => Array.from({ length: n }, (_, i) => fn(i));

以下は、generateItemsを使用して 10 個の乱数の配列を生成する例です:

generateItems(10, Math.random);
// [0.21, 0.08, 0.40, 0.96, 0.96, 0.24, 0.19, 0.96, 0.42, 0.70]

まとめ

おめでとうございます!Generate Items 実験を完了しました。LabEx でさらに多くの実験を行って、スキルを向上させましょう。