【エクササイズ】JavaScriptの配列の理解度チェック

課題
  • ここまで学習してきた「JavaScriptの配列の理解度を確認する課題」をクリアする
  • GitHubに用意した課題の内容を確認して、課題クリアがこの記事でのゴールです

課題内容は以下の課題レポジトリに記述しています。

課題レポジトリ

GitHub : js_excercise_for_grammar_7

課題解決するために参考になる資料

【JavaScript】配列とは

https://tsuyopon.xyz/learning-contents/web-dev/javascript/javascript-grammar/what-is-the-array-in-js/

今回の課題は、これまで学習してきたJavaScriptの配列の理解度を確かめるものです。

上記の記事では「配列とは何か?」という概念から学習しました。

「配列とはどういうものか」「どのような場面で配列はよく使われるのか」を復習したい場合はこちらの記事を参考にしていただけたらと思います。

JavaScriptでの配列の作り方

https://tsuyopon.xyz/learning-contents/web-dev/javascript/javascript-grammar/how-to-create-an-array-in-js/

こちらの記事では、JavaScriptの配列の作り方を解説しています。

JavaScriptで配列を作るやり方は大きく分けて次の2通りがあります。

JavaScriptの配列の作り方
  1. [1, 2, 3]のように「[]」を使った方法
  2. new Array(1, 2, 3)のように「new Array()」を使った方法

上記2通りの内、一般的に使われている方はの「[]」を使ったやり方となります。

課題に取り組む際には、の「new Array()」を使ったやり方ではなく、の「[]」を使った方法で実装しましょう。

JavaScriptでの多次元配列の作り方

https://tsuyopon.xyz/learning-contents/web-dev/javascript/javascript-grammar/how-to-create-multi-dimensional-array-in-js/

こちらの記事では、「多次元配列」の作り方について解説しました。

多次元配列とは「配列を含む配列」のことです。

例えば、以下は多次元配列の中の2次元配列のサンプルとなります。

2次元配列のサンプル
  • [ [1, 2, 3], [4, 5, 6] ]
    • [1, 2, 3]という配列[4, 5, 6]という配列を保持している配列

今回の課題では一部多次元配列の理解度を確かめるテストも含んでいます。

多次元配列の理解度が十分で無いなと思う方は、上記記事で多次元配列の復習をしましょう。

JavaScriptの配列の組み込みメソッドを使ってみる

https://tsuyopon.xyz/learning-contents/web-dev/javascript/javascript-grammar/how-to-use-array-methods-in-js/

こちらの記事では「JavaScriptの配列の組み込みメソッド」を学習しました。

メソッド」とはオブジェクトに属する関数のことで、基本的に関数と同じものと思っていただいて問題ありません。

JavaScriptの配列にはたくさんの組み込みメソッドが用意されています。

今回の課題では、上記学習コンテンツで紹介した「push」「pop」という組み込みメソッドを使います。

また、学習コンテンツでは紹介していないですが、「shift」「unshift」という組み込みメソッドも、今回の課題で利用します。

上記学習コンテンツでは、「新しく知った(初めて知った)メソッドの使い方を早く掴むコツ」についても解説をしているので、ぜひ上記記事を参考にドキュメントを読むスキルも身につけましょう。

質問・答え合わせ受け付けてます

課題に関して質問や答えの確認をしたい方はお気軽にご連絡をいただけたらと思います。

お問い合わせ・TwitterのDMのどちらでも受けて受けています。TwitterのDMのほうが早く気づけるので早めに返信できるかと思います。

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...
【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る