【エクササイズ】JavaScriptのthisとメソッドを使ってイテレーションメソッドを自作する

課題
  • JavaScriptのオブジェクトを使ってメソッドを実装する
  • JavaScriptのメソッド内でthisを使って他のプロパティ値を取得する
  • GitHubに用意した課題の内容を確認して、課題クリアがこの記事でのゴール

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

課題レポジトリ

GitHub : js_excercise_for_grammar_13

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

JavaScriptのオブジェクトを使ってメソッドを作成する

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

今回の課題では以下のイテレーションメソッドを自作していただきます。

自作するイテレーションメソッド
  1. Array.prototype.forEach()
  2. Array.prototype.map()
  3. Array.prototype.filter()

「そもそもメソッドって何?」「関数とメソッドの違いって何?」といった方は上記記事を参考にして頂けたらと思います。

【JavaScript】オブジェクトのthis【アロー関数に注意】

https://tsuyopon.xyz/learning-contents/web-dev/javascript/javascript-grammar/understand-the-this-of-object-in-js/

今回の課題で実装していただくメソッドでは「this」を利用して自作したメソッドや値にアクセスします。

しかし「function」を使うか「アロー関数」を使うかでメソッド内で使う「this」の動きが変わってきます。

JavaScriptの「this」の動きがどのように異なるかわからないかたは上記記事で学習することをオススメします。

JavaScriptの配列でイテレーション処理をする

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

今回の課題では配列のイテレーションメソッドを実装していただきます。

「そもそもイテレーション処理って何?」といった方は上記記事で学習しましょう。

【エクササイズ】JavaScriptのイテレーションメソッドを関数として自作する

あわせて読みたい
【エクササイズ】JavaScriptのイテレーションメソッドを関数として自作するJavaScriptの組み込みメソッドには便利なイテレーションメソッドが多数用意されているのをこれまで解説してきました。今回はその組み込みで用意されている配列のイテレーションメソッドを自作していただきます。自作することでどのように動作しているのか深く出来ます。...

以前、配列のイテレーションメソッドを「関数」で自作する課題を用意しました。(上記記事)

今回は「関数」ではなく「メソッド」で配列のイテレーションメソッドを実装します。

上記記事で紹介している「関数でイテレーションメソッドを自作する課題」から取り組むと、今回の課題もスムーズに解けるかと思います。

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

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

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

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

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

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

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

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

無料特典を受け取る