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

プログラミング道場

自分の市場価値を知りたい人にオススメの記事です

【すぐできる】エンジニアとしての市場価値を診断してみよう!

エンジニアが市場価値を把握しておくべき理由 エンジニアは、なぜ市場価値を把握しておいた方がいいのか、まずはその理由について説明します。 エンジニアの市場価値を決める要素 エンジニアの市場価値を決める要素について説明します。 経験業務と年数 ...

続きを見る

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

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

これからエンジニアになりたい人へ向けた本 私が書いた、「これからエンジニアになりたい人」に向けた本です。 最近、世間ではプログラミングの必要性が声高く叫ばれるようになりました。 子供向けには2021年からプログラミング教育が義務教育で実施さ ...

続きを見る

【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の学習でおすすめの本と動画(Udemy)【2022年最新】

フレームワークなどの情報 Node.jsについては、この記事を読んで下さい Reactについては、この記事を読んで下さい Vue.jsについては、この記事を読んで下さい TypeScriptについては、この記事を読んで下さい 初心者向け 脱 ...

続きを見る


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

Node.jsの学習でおすすめの本と動画(Udemy)【2022年最新】

中級者向け ハンズオンNode.js Node.jsの入門書です。 対象読者は、フロントエンド開発の知識はあってもサーバサイド開発は知らないエンジニアや、他言語の経験はあってもNode.jsは触ったことがない人です。 Node.jsの非同期 ...

続きを見る


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

TypeScriptの学習でおすすめの本と動画(Udemy)【2022年最新】

中級者向け プロを目指す人のためのTypeScript入門 安全なコードの書き方から高度な型の使い方まで 本書では、根幹となるJavaScriptの仕様・機能とともに、TypeScript独自の仕様・機能を解説します。 TypeScript ...

続きを見る


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

Reactの学習でおすすめの本と動画(Udemy)【2022年最新】

初心者向け モダンJavaScriptの基本から始める React実践の教科書 javaScriptの基本からReactの基本まで、丁寧に説明されています。 初心者向けのわかりやすい本です。 モダンJavaScriptの基礎から始める挫折し ...

続きを見る


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

Vue.jsの学習でおすすめの本と動画(Udemy)【2022年最新】

中級者向け たった1日で基本が身に付く! Vue.js 超入門 Vue.jsを学習するテキストとして、最もやさしい書籍という意図で本書は制作されました。 タイトル通り、「たった1日で基本が身に付く!」Vue.jsの入門書です。 これからはじ ...

続きを見る


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

Gitの学習でおすすめの本と動画(Udemy)【2022年最新】

漫画?でわかりやすく学ぶ入門書の定番 改訂2版 わかばちゃんと学ぶ Git使い方入門 Gitの入門書の定番と言っても差し支えありません。 絵や図で解説している本なので、わかりやすく頭に入ってきます。 サルでもわかるGit入門 Gitの解説サ ...

続きを見る


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

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

初心者向け 入門Haskellプログラミング Haskell言語を使って、関数型言語について学んでいくことができます。 豊富なサンプルコードと練習問題があり、レッスン形式で学んでいくことができます。 非常にわかりやすい入門書です。 中級者向 ...

続きを見る


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

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

ちまたには、「エンジニアになるための情報」で溢れかえっています。 ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。 私が定義するWebエンジニア まず、最初に以下の図を見て下さい。 これが、Web業界で働く人達の大分類です ...

続きを見る


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

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

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。 どうやって、最初の実務経験を積んだらいいでしょうか? スクールの理想と現実 これからプログラミングを学ぼうとしている人が描 ...

続きを見る

関連コンテンツ

-JavaScript, プログラミング

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