JavaScript
JavaScript | WeakMap / WeakSet の動作（GCで自動削除）を視覚化
@lifehacker
JavaScript JavaScript | for…in と for…of の違い
JavaScript の for...in と for...of は見た目が似ていますが、取り出すものがまったく違います。初心者向けに整理するとこうなります。違いのまとめ文法取り出すもの主な用途例fo...
JavaScript JavaScript | 「for」「while」「for-of」「forEach」の違い
JavaScriptで繰り返し処理を書くときに「for」「while」「for-of」「forEach」がよく登場します。それぞれの特徴と使い分けを、初心者向けに整理してみましょう。for文特徴: 回...
JavaScript JavaScript | break文とcontinue文でラベルを指定する
主な内容の要点1. ラベルとは？ラベルは、ループや文に名前をつける仕組み。書き方はシンプルで、ラベル名: のように文の前に書く。myLoop: while (count < 10) { count++...
JavaScript JavaScript | continue文
主な内容の要点1. continue文とは？繰り返し処理（for, while, do...while, for...in, for...of）の中で使える命令。実行されると、そのループの「残りの処理...
JavaScript JavaScript | break文
主な内容の要点break文の基本break文は、ループやswitch文の処理を途中で強制的に終了させる命令。書き方はシンプルに break;。break文が使える場所for文while文do...wh...
JavaScript JavaScript | for…in文
主な内容の要点for...in文の基本書き方 for (変数 in オブジェクト) { // 繰り返し処理}for (変数 in オブジェクト) { // 繰り返し処理}JavaScriptオブジェク...
JavaScript JavaScript | do…while文
主な内容の要点基本の考え方while 文と似ていて、「条件が true の間、処理を繰り返す」。違いは必ず1回は処理が実行されること。while は最初に条件をチェック → false なら1回も実行...
JavaScript JavaScript | while 文
主な内容の要点while 文の基本書き方 while (条件式) { 繰り返したい処理;}while (条件式) { 繰り返したい処理;}JavaScript条件式が true の間、中の処理を繰り返...
JavaScript JavaScript | 多重ループ（ネストされたfor文）
主な内容の要点1. for文の中にfor文を入れられる1つのfor文の中に、さらに別のfor文を書くことができます。これを 入れ子（ネスト）されたfor文 と呼びます。for (let i = 0; ...
JavaScript JavaScript | for文
主な内容の要点for文の基本for文は「決まった回数だけ処理を繰り返す」ための仕組み。書き方は次の形です：for (初期化式; 条件式; 変化式) { 繰り返したい処理;}for (初期化式; 条件式...
JavaScript JavaScript | カンマ演算子
主な内容の要点1. カンマ演算子とは？複数の式を1つの場所に書ける 特殊な演算子書き方： 式1, 式2, 式3, ...式1, 式2, 式3, ...JavaScript左から順に式が評価され、最後の...
JavaScript JavaScript | 文字列を連結する方法
主な内容の要点基本+ 演算子は、数値同士なら「足し算」、文字列が含まれていれば「文字列の連結」として使われます。 let address = '東京都' + '千代田区';console.log(ad...
JavaScript JavaScript | typeof 演算子
主な内容の要点typeof 演算子の基本役割：値の「データ型」を調べて、その型を表す文字列を返す。書き方： typeof 値typeof 値JavaScript主な返り値の例値の例結果（文字列）80"...
JavaScript JavaScript | 条件演算子（三項演算子）
主な内容の要点1. 条件演算子とは？三項演算子とも呼ばれる「条件によって結果を分ける」ための書き方if ... else を短く書ける便利な方法2. 書き方の基本条件式 ? 式1 : 式2条件式 ? ...
JavaScript JavaScript | 論理演算子を使いログイン判定のサンプル
では「ログイン判定のサンプル」を一緒に作ってみましょう。初心者でも理解しやすいように、段階を追って説明します。目標ユーザーがログインしているかどうかを判定するログインしていれば「ようこそ〇〇さん」と表...
JavaScript JavaScript | 論理演算子
主な内容の要点論理演算子の基本JavaScriptで条件分岐を作るときに使う演算子は3種類あります。論理積（AND） &&両方が true のときだけ true例: x > 10 && x < 20 ...
JavaScript JavaScript | 等価演算子
主な内容の要点1. 等価演算子の種類JavaScriptには「値が同じかどうか」を調べるための演算子が4種類あります。演算子意味特徴==等しい値だけを比較（型は自動変換される）!=等しくない値だけを比...
JavaScript JavaScript | == vs === の内部動作
JavaScript の ==（等価演算子） と ===（厳密等価演算子） は見た目が似ていますが、内部での動作がまったく違うのがポイントです。ここでは ECMAScript 仕様に基づいて、内部処理...
JavaScript JavaScript | 文字列比較のルール
JavaScriptにおける文字列比較のルール文字列比較は数値と違って「辞書順（アルファベット順）」や「文字コード（Unicode）」に基づくため、初心者がつまずきやすいポイントです。詳しく整理してみ...
JavaScript JavaScript | 関係演算子（比較演算子）
主な内容の要点1. 基本の4種類< （より小さい）<= （以下）> （より大きい）>= （以上）👉 これらは 2つの値を比べて、結果を true または false で返す。2. 使いどころ条件分岐（...
JavaScript JavaScript | 代入演算子
主な内容の要点1. 基本の代入演算子 =書き方：変数 = 値変数 = 値JavaScript右側の値を左側の変数に入れる。let num;num = 10; // num に 10 を代入consol...
JavaScript JavaScript | ビット演算子とシフト演算子
主な内容の要点1. ビット演算子とは？数値を 2進数（0と1） に変換して、ビット単位で計算する演算子。JavaScriptの数値は内部的に64ビット浮動小数点数だけど、ビット演算は 32ビット整数 ...
JavaScript JavaScript | インクリメント・デクリメント演算子
主な内容の要点1. 何をするもの？インクリメント演算子（++）：数値を 1増やすデクリメント演算子（--）：数値を 1減らすlet num = 5;num++; // numは6になるnum--; /...
JavaScript JavaScript | Number() / parseInt() / parseFloat() と + の違いを詳しく比較
JavaScript 初心者が 「数値変換」 に出会うと、必ず迷うのが「Number() と parseInt() と parseFloat() と + の違いって何？」ですよね。それぞれ似たように「...
JavaScript JavaScript | 単項演算子（マイナス・プラス）
主な内容の要点1. 単項マイナス演算子（-）数値の符号を反転させる-8 → -8-(5) → -5変数にも使える let num = 10;console.log(-num); // -10let n...
JavaScript JavaScript | 算術演算子
主な内容の要点算術演算子とは算術演算子とは、「足し算」「引き算」「掛け算」「割り算」など、数値を使った基本的な計算をプログラム内で行うための記号（演算子）のことです。JavaScript では数値はす...
JavaScript JavaScript | 変数に値を代入するときの仕組み
主な内容の要点演算子の優先順位と結合規則とは？式の中で複数の演算子が使われている場合、どの順番で演算を行うかを決めるルールが「優先順位」と「結合規則」です。優先順位：どの演算子を先に計算するかを決める...
JavaScript JavaScript | テンプレートリテラル（Template Literal）を使って文字列を表す
主な内容の要点1. テンプレートリテラル（Template Literal）とはバッククォート（`）で囲む文字列リテラルの方式。ES2015（ES6）から導入された表記法。シングルクォート（'）やダブ...
JavaScript JavaScript | 文字列を指定の区切り文字で分割（split メソッド）
主な内容の要点1. split メソッドとはString オブジェクト（文字列）のインスタンスメソッド。対象の文字列を指定した「区切り文字」で分割し、分割された各部分文字列を要素とする配列を返す。書式...
JavaScript JavaScript | charAt と slice / substring / codePointAt の比較表
これら4つは「文字列の一部を取り出す」という点では似ていますが、目的や動き方が微妙に違うため、整理して覚えると理解が一気に深まります。基本比較表（初心者向け）メソッド名目的引数（インデックス）返すもの...