プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

私がオススメするプログラミング教材です

私がおすすめするプログラミング教材のまとめ【書籍】

目次1 これからエンジニアになりたい人へ向けた本2 プログラミング言語3 アプリ開発4 サーバー、インフラ、セキュリティなど5 機械学習系6 ゲーム開発7 データベース8 デザイン9 組織作り10 自作シリーズ11 その他12 おまけ これ ...

続きを見る

【JavaScript入門】forを使ったループ処理の説明

更新日:

記事の内容


この記事では、JavaScript言語でよく使うforループの使い方を説明します。
また、似たようなループ処理で、「for in」「for of」「forEach」などについても説明します。
簡単なサンプルも書くので、これさえ読めばループ処理はバッチリです!
JavaScriptのコードは、ES6で書いています。

for

forの基本的な動作

for文は、決められた回数だけ処理を繰り返す場合に使います。
そのfor文には、(初期値; 条件式; 初期値の増減値)を与えて使います。
初期値の最初の値には、「0」を使うことが一般的です。
初期値に、「1」を使わないようにしましょう。

breakとcontinue

continueは、その時のループ処理を飛ばして、次のループ処理にいきます。
breakは、全ループ処理を終了させます。

for in

「for in」は連想配列(オブジェクト)のループためだけに使うものです。
NGな例も説明しているので、決して配列では使わないようにしましょう。

for of

「for of」は、Map、配列、Setといったデータ型で動作します。

forEach

forEachも繰り返し処理ですが、配列、連想配列(オブジェクト)、Map、Setといった様々なデータ型で使うことができます。
また。引数に関数を入れて、値に対して自分がしたい操作をすることができます。
ただし、forEachの中では、breakを使うことができません。

まとめ

この記事では、JavaScriptの「for in」「for of」「forEach」について説明しました。

Good luck for your engineer life!

【JavaScript入門】配列の基礎から応用までを説明

JavaScriptをより詳しく勉強したい人には、この記事がオススメです

JavaScriptの学習でおすすめの本と動画【2024年最新】

目次1 フレームワークなどの情報2 動画教材3 初心者向け4 中級者向け5 まとめ フレームワークなどの情報 Node.jsについては、この記事を読んで下さい Reactについては、この記事を読んで下さい Vue.jsについては、この記事を ...

続きを見る


Node.jsをより詳しく勉強したい人には、この記事がオススメです

Node.jsの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 中級者向け 動画教材 Node.jsで学ぶWebシステムとソフトウェア開発基礎! ▼ 興味がある方は、画像をクリック 本コースではNode.jsの基礎に加え、Webシステムの仕組み、デスクトップアプリ開発、自動化ツールの ...

続きを見る


TypeScriptをより詳しく勉強したい人には、この記事がオススメです

TypeScriptの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 中級者向け 動画教材 【世界で7万人が受講】Understanding TypeScript 日本語版 ▼ 興味がある方は、画像をクリック JavaScriptのより優れたバージョンであるTypeScriptを基本から応 ...

続きを見る


Reactをより詳しく勉強したい人には、この記事がオススメです

Reactの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 初心者向け3 中級者向け 動画教材 【2023年最新】React(v18)完全入門ガイド|Hooks、Next.js、Redux、TypeScript ▼ 興味がある方は、画像をクリック HTML、CSS、JavaScr ...

続きを見る


Vue.jsをより詳しく勉強したい人には、この記事がオススメです

Vue.jsの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 中級者向け 動画教材 【Laravel】【Vue.js3】で【CRM(顧客管理システム)】をつくってみよう ▼ 興味がある方は、画像をクリック 受講者向けアンケートでご要望の多かった顧客管理システムを、Vue.js3 ( ...

続きを見る


Gitをより詳しく勉強したい人には、この記事がオススメです

Gitの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 漫画?でわかりやすく学ぶ入門書の定番3 初心者向け4 中級者向け5 上級者向け 動画教材 もう怖くないGit!チーム開発で必要なGitを完全マスター ▼ 興味がある方は、画像をクリック Gitの基本コマンド、ブランチやマ ...

続きを見る


関数型言語をより詳しく勉強したい人には、この記事がオススメです

関数型言語の学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 初心者向け3 中級者向け 動画教材 The Complete Haskell Course: From Zero to Expert! ▼ 興味がある方は、画像をクリック 英語版です。 すべての人のためのモダンなHask ...

続きを見る


ゼロからWebエンジニアになりたい人には、この記事がオススメです

ゼロからWebエンジニアとして就職する方法【何もない自分に積み上げていく】

ちまたには、「エンジニアになるための情報」で溢れかえっています。 ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。 目次1 私が定義するWebエンジニア2 必ずやるべきこと3 推奨されること4 まとめ 私が定義するWebエ ...

続きを見る


独学で実務っぽい経験を積みたい人には、この記事がオススメです

エンジニアが独学で実務経験っぽいことを学ぶ方法

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。 どうやって、最初の実務経験を積んだらいいでしょうか? 目次1 スクールの理想と現実2 IT業界が抱える矛盾点3 擬似的に実 ...

続きを見る

-JavaScript, プログラミング

Copyright© プログラミング道場 , 2024 All Rights Reserved Powered by AFFINGER4.