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

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

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

課題レポジトリ

GitHub : js_excercise_for_grammar_7

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

【JavaScript】配列とは

あわせて読みたい
【JavaScript】配列とは今回からJavaScriptの配列について学習していきます。配列に関する学習コンテンツの初回は、「配列とは何か?」「配列はどのようなところで使われるのか?」「配列を使ったときと使わなかったときでどう違うか?」ということを学習し、配列の概要を把握します。...

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

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

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

JavaScriptでの配列の作り方

あわせて読みたい
JavaScriptでの配列の作り方今回はJavaScriptで配列を作る方法を学習します。JavaScriptでは2通りの配列の作り方がありますが、2通りのうち片方の書き方で配列を作るのが一般的です。また、配列の作り方だけでなく、配列内の特定の値の更新方法も解説します。...

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

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

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

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

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

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

あわせて読みたい
JavaScriptでの多次元配列の作り方JavaScriptでの多次元配列の作り方に学習します。多次元配列というのは「配列の中に別の配列」が入っているような配列のことです。多次元配列の作り方、値の取得方法、値の更新方法は通常の配列と基本は同じなので、多次元配列の概念も掴んでいきましょう。...

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

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

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

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

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

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

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

あわせて読みたい
JavaScriptの配列の組み込みメソッドを使ってみるJavaScriptの配列には組み込みで便利なメソッドがたくさん用意されています。「メソッド」というのは関数のようなものです。組み込みメソッドの1つである「push」「pop」をサンプルコードを使いながら解説します。また、初めて使うメソッドでも早く使えるようになるコツも解説しています。...

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

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

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

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

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

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

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

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

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

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...
【やる気満々な方向け】学習サポートとオンライン講義やってます!

Webエンジニアになりたい人向けに、MENTAにて『【やる気満々な方向け】未経験からのWebエンジニア育成コース』というプランを用意しております。

このプランでは、「【学習コンテンツ】Web開発」と「【初心者向け】The Web Developer Bootcamp」で紹介している教材を使って学習を進めていただきます。

【学習コンテンツ】Web開発」に用意している学習コンテンツのスライドも「【初心者向け】The Web Developer Bootcamp」で紹介している教材をベースに作っています。

あわせて読みたい
【初心者向け】The Web Developer Bootcampはじめに 「The Web Developer Bootcamp」はWeb白熱教室の「学習コンテンツ」のベースとなっている教材です。 ...
あわせて読みたい
Web開発Webエンジニアになるために必要な知識・スキルを学習できるコンテンツを用意しました。未経験者でも、①開発環境の準備、②Webの基本的な仕組み、③HTML、④CSS、⑤JavaScriptと順を追って学習することでスキルが身につくことを目的に教材を作成しています。...

誰向けのプラン?

こちらのプランは次のような方に向けて作られています。

プラン対象者
  1. Progateやドットインストールで一通り学習したけど、次に何をすればよいかわからない
  2. Webエンジニアになるまでの学習プランがあると助かる
  3. 学習していてわからないところが出てきたときに質問したい
  4. コードレビューして欲しい
  5. オンライン講義に参加したい
  6. 学習した内容をアウトプットした際に、フィードバックがもらえたら嬉しい
  7. おすすめの学習教材を知りたい
  8. Webフロントエンド・バックエンドを学習したい
  9. フルスタックエンジニアになりたい
  10. 文系出身で今までプログラミングをしてこなかったけど、将来Webエンジニアになりたい
  11. 将来フリーランスになることを目指している

プラン内容は?

【やる気満々な方向け】未経験からのWebエンジニア育成コース』では次のことを行っております。

プラン内容
  1. Udemyの教材や、Web白熱教室の学習コンテンツを使った学習プランの提示 (学習プランに沿って学習を進めていただきます。)
  2. 教材・学習コンテンツの課題をこなしたあとは、僕にコードレビュー依頼を投げていただくことで、コードを添削する(課題クリア後は、引き続き学習プランの内容を続けていただきます。)
  3. プラン契約者が参加するSlackグループにて質問し放題
  4. Slack内にある「アウトプットの場」チャンネルにて、学習したことをアウトプットをしていただくことで、それに対しフィードバックをする (学習内容のアウトプットは復習にもなるため、アウトプットすることを強く推奨します。)
  5. 画面共有を使ったオンライン講義 (オンライン講義は録画して、いつでもふり返れるようにしています。(オンライン講義動画(ウェビナー動画)))
  6. 学習プラン以外の内容に対しての質疑応答 (内容によっては回答できないものもありますが、まずは気軽に質問していただけたらと思います。)

その他注意点

1人で対応していることもあるため、対応が難しくなった場合は急遽募集を終了する可能性もあることをご了承ください。

もしくは、僕以外にメンターを増やすことで募集を継続するということも考えているため、その場合は現在のプラン料金の値段を上げることなると思います。

仮にプラン料金を上げる場合は、『現在のプラン料金 × メンター人数』の料金になるかと思います。

現在の値段が5000円なので、1日1本ペットボトルジュースを買うのを我慢することで(約160円)、効率よく学習できるので費用対効果はかなり高いかなと自負しています。

また、今後メンターが増えて、プラン料金が10000円15000円と上がったとしても、月々の料金は申し込んだときの料金となるので、5000円のときに契約した場合はずっと5000円で受講することができます。

詳しく話を聞いてみたい方は

以下のいずれかでメッセージをいただけたらと思います^^

 

プラン内容については以下のリンク先からも確認することが出来ます^^

【やる気満々な方向け】未経験からのWebエンジニア育成コース