2020-07

スポンサーリンク
JavaScript

JavaScript | switch 文

主な内容の要点switch 文の基本複数の条件分岐をシンプルに書ける構文。書き方の基本形:switch (式) { case 値1: // 式 === 値1 のとき実行 break; case 値2: // 式 === 値2 のとき実行 b...
JavaScript

JavaScript | if文で複数条件を扱う

主な内容の要点1. if ... else if ... else の基本1つの条件だけじゃなく、順番に複数の条件をチェックできる書き方の流れ: if (条件1) { // 条件1がtrueのとき} else if (条件2) { // 条...
JavaScript

JavaScript | 複数条件をまとめる(AND && / OR ||)

ここからは 複数条件をまとめる方法(AND && / OR ||) を、初心者向けに例題つきで解説します。複数条件をまとめるとは?if 文では「1つの条件」だけでなく、2つ以上の条件を組み合わせて判定できます。そのときに使うのが AND (...
JavaScript

JavaScript | 比較演算子と論理演算子

プログラミング初心者にとって「比較演算子」と「論理演算子」は if 文の条件式 を理解するための必須アイテムです。整理して説明しますね。比較演算子(Comparison Operators)2つの値を比べて、true / false を返す...
JavaScript

JavaScript | if文(条件分岐)

主な内容の要点JavaScript の if 文の基本if 文は「条件によって処理を分ける」ための仕組み。条件式が true なら中の処理を実行、false ならスキップ。if (条件式) { // 条件が true のときに実行される処理...
JavaScript

JavaScript | for…in と forEach の違い

for...in と forEach はどちらも「繰り返し処理」に使えますが、性質や使いどころがかなり違います。初心者向けに整理してみましょう。違いのまとめ特徴for...inforEach取り出すものキー(オブジェクトのプロパティ名 / ...
JavaScript

JavaScript | for…in と for…of の違い

JavaScript の for...in と for...of は見た目が似ていますが、取り出すものがまったく違います。初心者向けに整理するとこうなります。違いのまとめ文法取り出すもの主な用途例for...inキー(プロパティ名や配列のイ...
JavaScript

JavaScript | 「for」「while」「for-of」「forEach」の違い

JavaScriptで繰り返し処理を書くときに「for」「while」「for-of」「forEach」がよく登場します。それぞれの特徴と使い分けを、初心者向けに整理してみましょう。for文特徴: 回数が決まっている繰り返し、インデックスを...
JavaScript

JavaScript | break文とcontinue文でラベルを指定する

主な内容の要点1. ラベルとは?ラベルは、ループや文に名前をつける仕組み。書き方はシンプルで、ラベル名: のように文の前に書く。myLoop: while (count < 10) { count++;}myLoop: while (cou...
JavaScript

JavaScript | continue文

主な内容の要点1. continue文とは?繰り返し処理(for, while, do...while, for...in, for...of)の中で使える命令。実行されると、そのループの「残りの処理」をスキップして、次の繰り返しに進む。2...
JavaScript

JavaScript | break文

主な内容の要点break文の基本break文は、ループやswitch文の処理を途中で強制的に終了させる命令。書き方はシンプルに break;。break文が使える場所for文while文do...while文for...in文for...o...
JavaScript

JavaScript | for…in文

主な内容の要点for...in文の基本書き方 for (変数 in オブジェクト) { // 繰り返し処理}for (変数 in オブジェクト) { // 繰り返し処理}JavaScriptオブジェクトに含まれるプロパティ名(キー)を順番に...
JavaScript

JavaScript | do…while文

主な内容の要点基本の考え方while 文と似ていて、「条件が true の間、処理を繰り返す」。違いは必ず1回は処理が実行されること。while は最初に条件をチェック → false なら1回も実行されない。do...while は先に処...
JavaScript

JavaScript | while 文

主な内容の要点while 文の基本書き方 while (条件式) { 繰り返したい処理;}while (条件式) { 繰り返したい処理;}JavaScript条件式が true の間、中の処理を繰り返す。条件が false になると終了して...
JavaScript

JavaScript | 多重ループ(ネストされたfor文)

主な内容の要点1. for文の中にfor文を入れられる1つのfor文の中に、さらに別のfor文を書くことができます。これを 入れ子(ネスト)されたfor文 と呼びます。for (let i = 0; i < 3; i++) { for (l...
JavaScript

JavaScript | for文

主な内容の要点for文の基本for文は「決まった回数だけ処理を繰り返す」ための仕組み。書き方は次の形です:for (初期化式; 条件式; 変化式) { 繰り返したい処理;}for (初期化式; 条件式; 変化式) { 繰り返したい処理;}J...
JavaScript

JavaScript | カンマ演算子

主な内容の要点1. カンマ演算子とは?複数の式を1つの場所に書ける 特殊な演算子書き方: 式1, 式2, 式3, ...式1, 式2, 式3, ...JavaScript左から順に式が評価され、最後の式の値 が全体の結果になる。2. 基本的...
JavaScript

JavaScript | 文字列を連結する方法

主な内容の要点基本+ 演算子は、数値同士なら「足し算」、文字列が含まれていれば「文字列の連結」として使われます。 let address = '東京都' + '千代田区';console.log(address); // → 東京都千代田区...
JavaScript

JavaScript | typeof 演算子

主な内容の要点typeof 演算子の基本役割:値の「データ型」を調べて、その型を表す文字列を返す。書き方: typeof 値typeof 値JavaScript主な返り値の例値の例結果(文字列)80"number"80n"bigint""P...
JavaScript

JavaScript | 条件演算子(三項演算子)

主な内容の要点1. 条件演算子とは?三項演算子とも呼ばれる「条件によって結果を分ける」ための書き方if ... else を短く書ける便利な方法2. 書き方の基本条件式 ? 式1 : 式2条件式 ? 式1 : 式2JavaScript条件式...
JavaScript

JavaScript | 論理演算子を使いログイン判定のサンプル

では「ログイン判定のサンプル」を一緒に作ってみましょう。初心者でも理解しやすいように、段階を追って説明します。目標ユーザーがログインしているかどうかを判定するログインしていれば「ようこそ〇〇さん」と表示ログインしていなければ「ログインしてく...
JavaScript

JavaScript | 論理演算子

主な内容の要点論理演算子の基本JavaScriptで条件分岐を作るときに使う演算子は3種類あります。論理積(AND) &&両方が true のときだけ true例: x > 10 && x < 20 → xが10より大きくて20未満ならtr...
JavaScript

JavaScript | 等価演算子

主な内容の要点1. 等価演算子の種類JavaScriptには「値が同じかどうか」を調べるための演算子が4種類あります。演算子意味特徴==等しい値だけを比較(型は自動変換される)!=等しくない値だけを比較(型は自動変換される)===厳密に等し...
JavaScript

JavaScript | == vs === の内部動作

JavaScript の ==(等価演算子) と ===(厳密等価演算子) は見た目が似ていますが、内部での動作がまったく違うのがポイントです。ここでは ECMAScript 仕様に基づいて、内部処理の流れを初心者にもわかりやすく解説します...
JavaScript

JavaScript | 文字列比較のルール

JavaScriptにおける文字列比較のルール文字列比較は数値と違って「辞書順(アルファベット順)」や「文字コード(Unicode)」に基づくため、初心者がつまずきやすいポイントです。詳しく整理してみましょう。1. 基本は「辞書順」文字列は...
JavaScript

JavaScript | 関係演算子(比較演算子)

主な内容の要点1. 基本の4種類< (より小さい)<= (以下)> (より大きい)>= (以上)👉 これらは 2つの値を比べて、結果を true または false で返す。2. 使いどころ条件分岐(if文) や 繰り返し(for文) でよ...
JavaScript

JavaScript | 代入演算子

主な内容の要点1. 基本の代入演算子 =書き方:変数 = 値変数 = 値JavaScript右側の値を左側の変数に入れる。let num;num = 10; // num に 10 を代入console.log(num); // 10let...
JavaScript

JavaScript | ビット演算子とシフト演算子

主な内容の要点1. ビット演算子とは?数値を 2進数(0と1) に変換して、ビット単位で計算する演算子。JavaScriptの数値は内部的に64ビット浮動小数点数だけど、ビット演算は 32ビット整数 に変換して処理される。小数点以下や32ビ...
JavaScript

JavaScript | インクリメント・デクリメント演算子

主な内容の要点1. 何をするもの?インクリメント演算子(++):数値を 1増やすデクリメント演算子(--):数値を 1減らすlet num = 5;num++; // numは6になるnum--; // numは5に戻るlet num = ...
JavaScript

JavaScript | Number() / parseInt() / parseFloat() と + の違いを詳しく比較

JavaScript 初心者が 「数値変換」 に出会うと、必ず迷うのが「Number() と parseInt() と parseFloat() と + の違いって何?」ですよね。それぞれ似たように「文字列などを数値に変える」ことができます...
スポンサーリンク