JavaScript

【課題】JavaScriptの配列(Array)の理解度チェック

どうも、つよぽんです!

今回は、演習課題の紹介記事となります。

今回の課題では「JavaScriptの配列(Array)の基礎が定着しているか」を確認します。

今回の具体的な課題の内容は以下のとおりです。

演習課題で確認する内容
  1. JavaScriptの配列を正しく使えるか
  2. JavaScriptの多次元配列を正しく使えるか
  3. JavaScriptの配列の組み込みメソッドを正しく使えるか

演習課題にチャレンジしてクリアすることで、上記3つの知識を定着させることが出来ます。

課題の詳細は以下の記事から確認することが出来るので、今すぐ課題に取り組みたい方は以下の記事から課題ページにアクセスして、早速取り組んでいただけたらと思います。

あわせて読みたい
【エクササイズ】JavaScriptの配列の理解度チェックJavaScriptの配列の基本をこれまで学習してきました。今回は学習してきた配列の内容がちゃんと定着しているか確かめる課題となります。今回の配列の知識は基本中の基本となるので、かならずおさえておきたいところです。...

この記事の想定読者は次のとおりです。

想定読者
  • JavaScriptの「配列」を正しく理解しているか確認したい
  • JavaScriptの「多次元配列」を正しく使いこなせるか腕試ししたい
  • JavaScriptの「配列の組み込みメソッド」を正しく使えるか確認したい

課題に取り組む際にはもちろんHTMLファイルとJavaScriptファイルを連携させる方法を知っている必要があります。

もし、HTMLファイルとJavaScriptファイルの連携方法を忘れてしまっている場合は、以下の記事を参考にしましょう。

あわせて読みたい
HTMLでJavaScriptの外部ファイルを読み込み、実行するHTMLでJavaScriptファイルを読み込むことでWebブラウザでJavaScriptを実行することができます。今回はJavaScriptファイルの作成方法から、HTMLで作成したJavaScriptを読み込み、実行するところまでを解説します。...

今回の課題をクリアするために参考になる記事は次のとおりです。忘れてしまっているものがあれば記事を読み返しふり返ってみましょう。

【入門】JavaScriptの配列(Array)の概念を理解する

あわせて読みたい
【入門】JavaScriptの配列(Array)の概念を理解するどうも、つよぽんです! 今回は、JavaScriptの「配列(Array)」の概念について解説します。 今回の記事は次のよう...

今回の課題のテーマは「配列の理解度をチェックする」ことです。

そのため当然ですが、「配列の概念」を理解しておく必要があります。

配列の概念」というと難しそうに聞こえますが、全く難しくありません。

配列は順番をもったデータ構造のことですが、日常生活で見られる配列には次のようなものがあります。

日常生活で見られる配列
  • 有名なラーメン屋に並んでいる人たち
  • スーパーのレジ待ちしている人たち
  • ディズニーのアトラクション待ちの人たち

上記3つに共通するのは先頭から人間が順番に並んでいるということです。

配列の概念もこれと同じで、先頭から末尾に向かって順番にデータが保存されるデータ構造を配列と呼びます。

もっと詳しく知りたい方は上記記事を参考にして頂けたらと思います。

【入門】JavaScriptで配列を作成する方法【定義・初期化】

あわせて読みたい
【入門】JavaScriptで配列を作成する方法【定義・初期化】JavaScriptで配列を作成する方法を解説します。JavaScriptで配列を定義する方法は大きく2種類あります。①「[1, 2, 3]」、②「new Array(1, 2, 3)」の2つのうち①で配列を作成することが一般的です。...

今回の課題は「配列」の理解度を確認するので、実際に配列を作っていただきます。

配列の作り方は上記記事で解説しているので、JavaScriptの配列の作り方を忘れてしまった方・知らない方は上記記事で復習しましょう。

JavaScriptの多次元配列を理解する【2次元配列の図解付】

あわせて読みたい
JavaScriptの多次元配列を理解する【2次元配列の図解付】JavaScriptの配列のもう一つ先に進んだ概念として「多次元配列」というものがあります。これは「ある配列の中に別の配列がセットされた配列」のことです。配列の数に応じて2次元配列、3次元配列と呼びます。言葉だけではイメージがつきにくいので図を交えて解説しています。...

今回の課題の中には「2次元配列」を作るものがあります。

2次元配列は多次元配列の1つになります。

多次元配列とは入れ子になった配列ことで、つまり「配列の中に別の配列がある状態」のことです。

多次元配列については上記記事で解説しています。

多次元配列をちゃんと理解しているか不安な方は上記記事で学習してみてください。

JavaScriptの配列のpushを例に、メソッドを覚えるコツ

あわせて読みたい
JavaScriptの配列のpushを例に、メソッドを覚えるコツどうも、つよぽんです! 今回は、JavaScriptの配列メソッドを覚えるコツについて解説します。 今回の記事では配列を例に...

今回の課題では複数の配列組み込みメソッドを使います。

今回の課題の中には、上記記事で紹介している組み込みメソッドの他に、Web白熱教室では紹介していない組み込みメソッドを使うものもあります。

「初めて知ったメソッド」「使い方を忘れてしまったメソッド」の使い方をすぐに身につけるためのコツも上記記事で解説しています。

「配列の組み込みメソッドの使い方を知りたい」「使い方がわからないメソッドを使えるようになるための方法を知りたい」という方は、上記記事が参考になるかと思います。

まとめ

あらためて、今回の課題をクリアするために必要な知識を解説した記事を以下にまとめておきます。

上にまとめた記事内容をふりかえり、今回の演習課題で取り組む知識定着のためにも、ぜひチャレンジしましょう!^^

演習課題で確認する内容
  1. JavaScriptの配列を正しく使えるか
  2. JavaScriptの多次元配列を正しく使えるか
  3. JavaScriptの配列の組み込みメソッドを正しく使えるか
あわせて読みたい
【エクササイズ】JavaScriptの配列の理解度チェックJavaScriptの配列の基本をこれまで学習してきました。今回は学習してきた配列の内容がちゃんと定着しているか確かめる課題となります。今回の配列の知識は基本中の基本となるので、かならずおさえておきたいところです。...

頭では理解してても実際に手を動かしてみて手が進まないところがあれば、それは理解が不十分だということを意味します。

練習問題をやっててわからないところ、質問したいところがあればお気軽に以下からご連絡いただけたらと思います^^

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

それでは、課題頑張ってください!

【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

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

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

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

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

無料特典を受け取る

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です