JavaScript

スポンサーリンク
JavaScript

JavaScript | 基礎構文:ループ – ループ vs 高階関数(比較だけ)

ループと高階関数の違いとはプログラミングでは「繰り返し処理」を書く方法として ループ構文(for, while など) と 高階関数(map, filter, forEach など) の2つがあります...
JavaScript

JavaScript | 基礎構文:ループ – for…of

for...of 文とは何かfor...of 文は、配列や文字列など「繰り返し可能なデータ(イテラブル)」の要素を順番に取り出すためのループ構文です。インデックス番号を意識せずに「中身だけ」を扱えるの...
JavaScript

JavaScript | 基礎構文:ループ – for…in

for...in 文とは何かfor...in 文は、オブジェクトのプロパティ名(キー)を順番に取り出すためのループ構文です。配列や文字列にも使えますが、基本的には「オブジェクトの中身を調べる」場面でよ...
JavaScript

JavaScript | 基礎構文:ループ – ループの最適化

ループの最適化とは何かループの最適化とは、「同じ結果を保ったまま、ループの中で行う仕事量を減らす」工夫のことです。1回の処理が少し重くても、ループで何千・何万回と繰り返されると全体の速度に大きく響きま...
JavaScript

JavaScript | 基礎構文:ループ – ネストしたループ

ネストしたループとは何か「ネストしたループ」とは、ループの中にさらにループを書くことです。入れ子構造になっているため「ネスト」と呼ばれます。これを使うと、二重・三重の繰り返し処理ができ、表や配列の組み...
JavaScript

JavaScript | 基礎構文:ループ – break

break とは何かbreak はループの中で「ここで処理を打ち切って、ループ全体を終了する」ための命令です。繰り返しの途中で条件を満たしたら、それ以上続けずに抜けたいときに使います。for や wh...
JavaScript

JavaScript | 基礎構文:ループ – continue

continue とは何かcontinue はループの中で「その回の残りの処理をスキップして、次の繰り返しへ進む」ための命令です。ループ自体は止まりませんが、特定の条件に当てはまったときだけ処理を飛ば...
JavaScript

JavaScript | 基礎構文:ループ – do…while 文

do…while 文を一言でいうとdo...while 文は、「必ず 1 回は実行してから、“まだ続ける?” と後で確認するループ」 です。普通の while 文は「最初に条件をチェックして、OK な...
JavaScript

JavaScript | 基礎構文:ループ – while 文

while 文を一言でいうとwhile 文は、「ある条件が true のあいだ、ずっと同じ処理を繰り返す仕組み」 です。for 文は「何回回すか」を自分で設計するイメージでしたが、while 文は「こ...
JavaScript

JavaScript | 基礎構文:ループ – for 文

for 文を一言でいうとfor 文は、「同じような処理を、決まった回数だけ繰り返すための仕組み」です。たとえば「1〜10 までの数字を順番に表示したい」「配列の中身を先頭から順に処理したい」といったと...
JavaScript

JavaScript | 基礎構文:条件分岐 – ガード節(早期 return)

ガード節(早期 return)を一言でいうとガード節は、「ダメな条件を先に弾いて、良いパターンだけを最後にスッキリ書くための書き方」 です。関数の最初で、「この条件なら、ここで終わり(return)」...
JavaScript

JavaScript | 基礎構文:条件分岐 – 条件の分解

条件の分解を一言でいうと「条件の分解」は、“ごちゃごちゃした if の条件を、意味のある小さな塊に分けて整理すること” です。1 行でなんとか書けるけど、読むときに「うっ…」となる長い条件自分で書いた...
JavaScript

JavaScript | 基礎構文:条件分岐 – 複雑な条件式

複雑な条件式を一言でいうと「複雑な条件式」は、「いくつかの条件を組み合わせて “このときだけ true にしたい” を表現した式」 です。例えば、「ログインしていて、かつ管理者」「点数が 70 以上 ...
JavaScript

JavaScript | 基礎構文:条件分岐 – default

default を一言でいうとdefault は、switch 文の中で使う 「どの case にも当てはまらなかったときの、最後の受け皿」 です。if 文でいうと else にあたります。「値が A...
JavaScript

JavaScript | 基礎構文:条件分岐 – break の役割

break を一言でいうとbreak は、「いま実行中の switch 文 や ループ(for / while)を、その場で“ブチッ”と抜けるためのキーワード」 です。今回のテーマは「条件分岐」なので...
JavaScript

JavaScript | 基礎構文:条件分岐 – switch 文の基本

switch 文を一言でいうとswitch 文は、「1つの値に対して、“いくつもの候補”の中からどの処理をするか選ぶための条件分岐」 です。同じ変数を何度も if (x === "A") ... el...
JavaScript

JavaScript | 基礎構文:条件分岐 – ネストした条件

「ネストした条件」を一言でいうとネストした条件(ネストした if 文)は、「ある条件の中で、さらに条件を分けたいときに、if の中に if を入れ子にする書き方」 です。日本語にすると、もし A なら...
JavaScript

JavaScript | 基礎構文:条件分岐 – else

else を一言でいうとelse は、「if の条件が成り立たなかったときに実行する“もう一方の処理”」を書くためのキーワードです。日本語で言うと、「もし条件を満たしていれば A をする。そうでなけれ...
JavaScript

JavaScript | 基礎構文:条件分岐 – else if

else if を一言でいうとelse if は、「if がダメだったときに、別の条件を順番に試していくためのもの」 です。日本語にすると、もし 条件A なら A の処理そうでなくて、もし 条件B な...
JavaScript

JavaScript | 基礎構文:条件分岐 – if 文の基本

if 文を一言でいうとif 文は、「ある条件が成り立つときだけ、特定の処理を実行するための文」です。日本語にすると、もし(条件)が成り立つなら、この処理をしなさいという意味になります。JavaScri...
JavaScript

JavaScript | 基礎構文:比較・論理 – 三項演算子

三項演算子を一言でいうと三項演算子(さんこうえんざんし)は、「if ~ else を 1 行で書ける “条件付きの値” の式」 です。書き方はこの形です。条件式 ? 条件がtrueのときの値 : 条件...
JavaScript

JavaScript | 基礎構文:比較・論理 – falsy / truthy

falsy / truthy を一言でいうとJavaScript の falsy / truthy は、「if 文などで、その値が “偽っぽい” か “真っぽい” か」 を表す言葉です。if (値) ...
JavaScript

JavaScript | 基礎構文:比較・論理 – 真偽値への型変換

真偽値への型変換を一言でいうとJavaScript の「真偽値への型変換」は、数値・文字列・オブジェクトなど “何でも”、if 文などの条件として評価するときに true / false に読み替える...
JavaScript

JavaScript | 基礎構文:比較・論理 – 論理演算子の優先順位

論理演算子の「優先順位」を一言でいうと論理演算子の優先順位は、「!、&&、|| が混ざっているとき、どの順番で計算されるかのルール」 です。JavaScript では基本的に!(NOT)→ &&(AN...
JavaScript

JavaScript | 基礎構文:比較・論理 – NOT

論理 NOT を一言でいうと論理 NOT(ノット)は、「true を false に、false を true にひっくり返す演算子」 です。記号は !(びっくりマーク)を使います。!true → f...
JavaScript

JavaScript | 基礎構文:比較・論理 – 論理 OR

論理 OR を一言でいうと論理 OR(オア)は、「条件 A または 条件 B のどちらか一方でも満たされていれば OK(true)」にする演算子 です。記号は ||(縦棒2つ)を使います。「A または...
JavaScript

JavaScript | 基礎構文:比較・論理 – 論理 AND

論理 AND を一言でいうと論理 AND(アンド)は、「条件 A も条件 B も、どちらも満たされているときだけ OK(true)にする」ための演算子 です。記号は &&(アンパサンド2つ)を使います...
JavaScript

JavaScript | 基礎構文:比較・論理 – 不等号

不等号を一言でいうと「不等号(ふとうごう)」は、2つの値の「大小関係」を比べて、結果を true / false(真偽値)で返す記号 です。数学でおなじみの> より大きい< より小さい>= 以上<= ...
JavaScript

JavaScript | 基礎構文:比較・論理 – == と === の違い

== と === の違いを一言でいうと== と === の一番大事な違いは、これだけです。== … 型を「勝手に変換」してから比較する(ゆるい比較)=== … 型も値も「そのまま」比べる(厳密な比較)...
JavaScript

JavaScript | 基礎構文:比較・論理 – 比較演算子(> < == ===)

比較演算子を一言でいうと比較演算子は、「2つの値を比べて、その結果を true / false(真偽値)で返すための記号」 です。JavaScript でよく使うのは主にこのあたりです。> より大きい...
スポンサーリンク