JavaScript

スポンサーリンク
JavaScript

JavaScript | 配列っぽいオブジェクト(Array-like)を本当の配列に変換する方法

JavaScript には「配列っぽいオブジェクト(Array-like)」というものがあり、見た目は配列に似ているけど本当の配列ではないため、map や filter などの便利な配列メソッドが使え...
JavaScript

JavaScript | Array.isArray で配列かどうか調べる

主な内容の要点1. 配列かどうかを判定する方法JavaScript では Array.isArray(オブジェクト) を使うと、その値が配列かどうかを調べられる。結果は true / false で返...
JavaScript

JavaScript | concat とスプレッド演算子のベストプラクティス(どっちをいつ使うか)

concat() と スプレッド演算子(...) はどちらも「配列を結合したりコピーしたり」できますが、実際の開発では使い分けを意識するとコードが読みやすく・安全になります。結論まとめ(先にざっくり)...
JavaScript

JavaScript | concat() と似た動きをする push()/slice()/スプレッド演算子(…) の違いと使い分け

ここでは、concat() と似た動きをする push()/slice()/スプレッド演算子(...) の違いと使い分けを、初心者向けにわかりやすく解説します。配列を結合・コピーする主な方法の比較メソ...
JavaScript

JavaScript | 配列を結合する方法(concatメソッド)

主な内容の要点基本の使い方concat() メソッドを使うと、複数の配列や値を1つの新しい配列にまとめることができます。元の配列は変更されず、新しい配列が返されます。let fruits = ['Ap...
JavaScript

JavaScript | 各要素の平均値との差(偏差)を計算して返す関数

では「各要素の平均値との差(偏差)を計算して返す関数」を作ってみましょう。これは 統計の基礎(偏差) に触れる練習です。目標配列の平均値を求める各要素から平均値を引いて「偏差」を計算する偏差を集めた新...
JavaScript

JavaScript | 平均値以上の数だけを集める関数

では「平均値以上の数だけを集める関数」を作ってみましょう。これは 平均値を計算してから条件でフィルタする 練習です。目標配列の平均値を求める平均値以上の要素だけを新しい配列に入れるその配列を返す✅ 模...
JavaScript

JavaScript | 最大値と最小値の差を返す関数

では「最大値と最小値の差を返す関数」を作ってみましょう。これは 比較結果をさらに計算に使う 練習です。目標配列の中から最大値と最小値を探すその差(最大値 − 最小値)を計算して返す✅ 模範解答(for...
JavaScript

JavaScript | 最大値と最小値のインデックスも一緒に返す関数

では「最大値と最小値のインデックスも一緒に返す関数」を作ってみましょう。これは 値と位置を両方追跡する 練習です。目標配列を順番に調べる最大値と最小値を見つけると同時に、そのインデックスも記録する{ ...
JavaScript

JavaScript | 最大値とそのインデックス(位置)を返す関数

では「最大値と最小値の両方を返す関数」を作ってみましょう。これは 複数の比較を同時に管理する 練習になります。目標配列を順番に調べる最大値と最小値を同時に更新していく{ max: 最大値, min: ...
JavaScript

JavaScript | 最大値とそのインデックス(位置)を返す関数

では「最大値とそのインデックス(位置)を返す関数」を作ってみましょう。これは 値と位置を同時に管理する 練習です。目標配列を順番に調べる最大値を見つけると同時に、その位置(インデックス)も記録する{ ...
JavaScript

JavaScript | 配列の中で一番大きい数を探す関数

では「配列の中で一番大きい数を探す関数」を作ってみましょう。これは 比較と更新 の練習になります。目標配列を順番に調べる「今までで一番大きい数」を覚えておく最後にその最大値を返す✅ 模範解答(for文...
JavaScript

JavaScript | 偶数と奇数を分けて、2つの配列を返す関数

では「偶数と奇数を分けて、2つの配列を返す関数」を一緒に作ってみましょう。これは「複数の結果をまとめて返す」練習になります。目標配列を順番に調べる偶数は evens 配列に、奇数は odds 配列に入...
JavaScript

JavaScript | 配列の中から偶数だけを集めて新しい配列を返す関数

では「配列の中から偶数だけを集めて新しい配列を返す関数」を作ってみましょう。これは「条件に合うすべての要素を取り出す」練習です。目標配列を順番に調べる偶数だけを新しい配列に入れる最後にその配列を返す✅...
JavaScript

JavaScript | 配列の中から条件に合う最初の要素を探す関数

では「最初に偶数を見つけて返す関数」を一緒に作ってみましょう。これは「配列の中から条件に合う最初の要素を探す」練習です。目標配列を順番に調べる最初に偶数を見つけたら返す見つからなければ null を返...
JavaScript

JavaScript | forEachを実務レベルでどう使うか

ここからは「forEachを実務レベルでどう使うか」を、初心者でも理解できるようにやさしく解説していきます。テーマはこの2つです👇1️⃣ オブジェクト配列の処理(よくあるデータ操作)2️⃣ 非同期処理...
JavaScript

JavaScript | 配列の要素を順番に取り出す方法(forEachメソッド)

主な内容の要点1. forEachメソッドとは?配列に入っている要素を 先頭から順番に取り出して処理 できる。書き方: 配列.forEach(function(要素, インデックス, 配列全体) { ...
JavaScript

JavaScript | 配列の中身を 削除・置き換え・追加(splice メソッド)

主な内容の要点splice() メソッドの基本配列の中身を 削除・置き換え・追加 できる便利なメソッド。書き方は次の3パターン: array.splice(開始位置)array.splice(開始位置...
JavaScript

JavaScript | 配列から要素を削除する(pop, shift)

主な内容の要点JavaScript では、配列から要素を削除する方法がいくつかあります。代表的なのは次の 4 つです。1. pop() メソッド:配列の 最後の要素 を削除配列の最後の要素を削除する削...
JavaScript

JavaScript | 配列に要素を追加する(push, unshift)

要点まとめJavaScript では、配列にあとから要素を追加できます。主な方法は次の3つです。1. インデックスを指定して追加let fruits = ['apple', 'orange', 'le...
JavaScript

JavaScript | 配列の要素数を調べる(length プロパティ)

主な内容の要点1. 基本の使い方配列の要素数は 配列名.length で取得できる let data = [10, 42, 52];console.log(data.length); // 3let ...
JavaScript

JavaScript | 3次元配列(配列の中の配列の中に配列)

ここからは「3次元配列(配列の中の配列の中に配列)」を、初心者向けにわかりやすく、図と例題でじっくり解説します。3次元配列とは?イメージからつかもう「配列の中に配列があり、その中にさらに配列がある」構...
JavaScript

JavaScript | 多次元配列(配列の中に配列)

主な内容の要点1. 多次元配列とは?配列の要素として別の配列を入れられるこうした「配列の中の配列」を 多次元配列 と呼ぶ例: let userData = [ ['Yamada', 28, 'Toky...
JavaScript

JavaScript | 配列の要素の取得と代入

主な内容の要点配列の要素にアクセスする方法配列の中の値(要素)は インデックス番号 で指定するインデックスは 0から始まる例: pref → 1番目の要素書き方: 配列名[インデックス]配列名[インデ...
JavaScript

JavaScript | 配列を作成する方法

主な内容の要点1. 配列リテラルで作る(基本)一番よく使う方法は [](角かっこ) を使う。要素をカンマで区切って書く。let numbers = [78, 59, 84, 92];let fruit...
JavaScript

JavaScript | 配列

主な内容の要点配列とは?複数の値を1つの変数でまとめて管理できる仕組み例:3人分のテストの点数をそれぞれ変数に入れると大変だけど、配列なら1つにまとめられるlet result = new Array...
JavaScript

JavaScript | switch 文

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

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

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

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

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

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

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

JavaScript | if文(条件分岐)

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

JavaScript | for…in と forEach の違い

for...in と forEach はどちらも「繰り返し処理」に使えますが、性質や使いどころがかなり違います。初心者向けに整理してみましょう。違いのまとめ特徴for...inforEach取り出すも...
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つは「文字列の一部を取り出す」という点では似ていますが、目的や動き方が微妙に違うため、整理して覚えると理解が一気に深まります。基本比較表(初心者向け)メソッド名目的引数(インデックス)返すもの...
JavaScript

JavaScript | 文字列の中から、指定した位置の1文字を取り出す(charAt メソッド)

主な内容の要点charAt() メソッドは何をするメソッド?文字列の中から、指定した位置の1文字を取り出すためのメソッドです。書き方文字列.charAt(インデックス)文字列.charAt(インデック...
JavaScript

Java | 文字列の中から 特定の位置から何文字かを取り出して(部分文字列を)取得(substr メソッド)

主な内容の要点substr() メソッドの基本役割:文字列の一部を取り出すためのメソッド書き方: 文字列.substr(開始位置, 文字数)文字列.substr(開始位置, 文字数)JavaScrip...
JavaScript

JavaScript | サロゲートペア

主な内容の要点1. サロゲートペアとはJavaScript は文字を内部的に UTF-16 形式で扱う。UTF-16 では、基本多言語面(BMP, 0x0000~0xFFFF)に含まれる文字は 1 つ...
JavaScript

JavaScript | プリミティブ文字列と String オブジェクトを自動で区別して安全に比較する関数

目的"abc"(プリミティブ)と new String("abc")(オブジェクト)を安全に比較したい== に頼らず、型の違いも吸収して正しく「中身」を比べるついでに、null や undefined...
JavaScript

JavaScript | Stringオブジェクト

主な内容の要点1. String オブジェクトとは(ラッパークラス)JavaScript の文字列(プリミティブ型の文字列)は、内部的には String オブジェクトとしてラップされ、String の...
JavaScript

JavaScript | 文字列操作で「部分文字列(文字列の一部)を取り出す」方法

主な内容の要点1. 文字列から一部を取り出す方法JavaScript では文字列の一部を取り出すのにslice() と substring() というメソッドを使う。どちらも「開始位置」と「終了位置」...
JavaScript

Java | 文字列を指定した回数繰り返した新しい文字列を取得(repeat メソッド)

主な内容の要点役割文字列を「指定した回数」繰り返して、新しい文字列を作る。書き方 文字列.repeat(回数)文字列.repeat(回数)JavaScript引数(回数)について0 → 空文字列(何も...
JavaScript

JavaScript | 文字列を連結する(concat メソッド)

主な内容の要点何をするメソッドかconcat メソッドは「ひとつの文字列に、別の文字列をくっつけて(連結して)、新しい文字列を作る」ためのものです。書き方は次の通り: 文字列1.concat(文字列2...
JavaScript

JavaScript | 文字列を置換(replace メソッド)

主な内容の要点String.prototype.replace メソッドを使って、文字列中の指定した部分を別の文字列で置換し、新しい文字列を返します。元の文字列自体は変わりません。基本的な使い方文字列...
JavaScript

JavaScript | 文字列の長さを取得する(length プロパティ)

主な内容の要点1. lengthプロパティで文字列の長さを取得できる文字列オブジェクト(String)の length プロパティを参照することで、その文字列に含まれる 文字コード単位 の個数を取得で...
JavaScript

JavaScript | エスケープシーケンス(特殊文字の記述)

主な内容の要点1. エスケープシーケンスとは文字列リテラル中では、普通に入力できない文字(改行・タブなど)を表現するために「エスケープシーケンス」が使われる。エスケープシーケンスは バックスラッシュ ...
JavaScript

JavaScript | 文字列リテラルの記述方法

主な内容の要点1. JavaScript における文字列(String)JavaScript では、文字列は UTF-16(16ビット Unicode)で内部的に格納される。 - ソースコード自体は ...
JavaScript

JavaScript | 長整数リテラルを数値に型変換

主な内容の要点1. 背景・課題JavaScript では、BigInt 型(長整数リテラル)と通常の Number 型(数値リテラル) を混ぜて算術演算を行おうとすると、型の不一致でエラーが発生する。...
JavaScript

JavaScript | 長整数リテラルで利用可能な演算子

主な内容の要点1. 算術演算子(+、−、×、÷、%、べき乗 **)BigInt(長整数リテラル)に対してこれらの算術演算子は使用可能。ただし、割り算 / の結果は整数になり、小数部は切り捨てられる(例...
JavaScript

JavaScript | Numberオブジェクト

主な内容の要点1. 概要・役割Number オブジェクトは数値を扱うラッパー(包む)オブジェクトであり、通常の数値(プリミティブ型)にもメソッド呼び出しやプロパティ参照が可能。普段は明示的に new ...
JavaScript

JavaScript | 数値を指定したロケールに応じた形式で文字列に変換(toLocaleString() メソッド)

主な内容の要点1. 目的/概要Number オブジェクトのインスタンスメソッド toLocaleString を使うと、指定したロケール(地域と言語の組み合わせ)に応じた数値表記の形式で文字列を取得で...
JavaScript

JavaScript | 数値の有効桁数を指定して文字列に変換(toPrecision() メソッド)

主な内容の要点Number オブジェクト(または数値型)には、toPrecision というインスタンスメソッドがあり、数値を「有効桁数を指定」したうえで文字列に変換できます。 書式は次の通り:数値....
JavaScript

JavaScript | 数値を固定小数点数形式で文字列に変換(toFixed() メソッド)

主な内容の要点1. toFixed メソッドの目的数値を 固定小数点数形式(例:123.4567 のような形式)で表した文字列を取得するためのメソッド。 2. 書式(構文)数値.toFixed([小数...
JavaScript

JavaScript | 数値を指数形式で文字列に変換(toExponential() メソッド)

主な内容の要点1. toExponential とは何かJavaScript の数値(Number オブジェクト)のインスタンスメソッドで、数値を指数表記(例:1.52e10 など)で表した文字列を取...
JavaScript

JavaScript | 数値を指定の基数の形式で文字列に変換(toString() メソッド)

主な内容の要点概要JavaScript の Number(数値型)に備わっているインスタンスメソッド toString() を使うと、数値を任意の「基数 (radix)」で表した文字列に変換できる。変...
JavaScript

JavaScript | 長整数リテラルの記述方法

主な内容の要点長整数リテラル(BigInt リテラル)の書き方通常の数値リテラルと同様に書くが、末尾に n を付けるlet num = 854n;let num = 854n;JavaScript10...
JavaScript

JavaScript | 数値リテラルの記述方法

主な内容の要点1. JavaScript における数値の扱いJavaScriptでは、すべての数値は 64 ビットの浮動小数点数(IEEE 754 準拠) として扱われる。ただし、プログラム上では「整...
JavaScript

JavaScript | 変数に値を代入するときの仕組み

主な内容の要点JavaScriptでは、変数に代入する値の種類によって「コピーされるのか」「同じものを共有するのか」が変わります。1. プリミティブ型(値渡し)プリミティブ型 = 数値、文字列、真偽値...
JavaScript

JavaScript | 変数の値が未定義値(undefined)か判定する

主な内容の要点1. 変数を宣言しただけだと undefined が入るlet num;console.log(num); // → undefinedlet num;console.log(num);...
JavaScript

JavaScript | 変数への値の代入と変数の初期化

主な内容の要点1. 別の値を再代入するすでに値が入っている変数には別の値を上書きできる。例として、highScore = 78; → あとで highScore = 86; のように変更。ただし、co...
JavaScript

JavaScript | 変数名のルールとよく使われる命名記法

主な内容の要点1. 変数名のルール(識別子の基礎)使用可能な文字: Unicode 文字、アンダースコア(_)、ドル記号($)大文字・小文字は別扱い(区別される)先頭文字に数字は使えない(例:5box...
JavaScript

JavaScript | 定数(再代入できない変数)を宣言

主な内容の要点1. const による定数宣言JavaScript(ES6以降)では、var に加えて let と const が導入されている。var 変数名;let 変数名;const 変数名=初...
JavaScript

JavaScript | 変数を宣言

主な内容の要点1. 変数の宣言方法古くからあった var に加えて、ES6 以降では let と const も使えるようになっています。 var 変数名;let 変数名;const 変数名=初期値;...
JavaScript

JavaScript | 変数を使ってできること

主な内容の要点1. 変数を使う目的・利点値を「直接書く」のではなく「変数に代入する」ことで、後から値を変えたい時や共通の値を何度も使いたい時に便利になる。例:消費税の税率を変数 tax に入れて使う。...
JavaScript

JavaScript | ラッパーオブジェクトとプリミティブ型

主な内容の要点1. プリミティブ型とオブジェクト型の区別JavaScript のデータ型は大きく「プリミティブ型(原始型)」と「オブジェクト型」に分けられる。プリミティブ型には以下の 7 種類がある:...
JavaScript

JavaScript | データ型

主な内容の要点JavaScript のデータ型は プリミティブ型 と オブジェクト型 に大きく分けられる。変数宣言時には型を指定しない(動的型付け)。同じ変数に異なる型の値を代入できる。プリミティブ型...
JavaScript

JavaScript | 予約語

主な内容の要点JavaScript(正確には ECMAScript 規格)には 予約語(keywords / reserved words) として定義されている単語があり、これらは変数名や関数名とし...
JavaScript

JavaScript | コメントを記述する

主な内容の要点コメントとはプログラム中に メモや説明を残すための記述。実行時には無視され、プログラムの動作には影響を与えない。
JavaScript

JavaScript | コードを記述する上での基本ルール

主な内容の要点大文字と小文字の区別 JavaScript では変数名・予約語などで大文字/小文字を厳密に区別します。 例:name と Name は別の変数として扱われる。空白・改行の扱い 文(ステー...
JavaScript

JavaScript | 文字列の長さを取得する(length プロパティ)

主な内容の要点length プロパティとは 文字列(String オブジェクト/リテラル)の文字数を取得するためのプロパティ。書式は 文字列.length。内部表現と注意点 JavaScript は文...
JavaScript

JavaScript「数値と文字列」練習問題セット

初級(基本の確認)Q1. 数値の基本次の console.log の出力結果はどうなるでしょう?console.log(1 + 2);console.log("1" + 2);console.log(...
JavaScript

JavaScript | 第16章「イテレーターとジェネレーター」

JavaScript「イテレーターとジェネレーター」要点まとめイテレーター(Iterator)順番に値を取り出す仕組み。next() を呼ぶと { value, done } を返す。value: 今...
JavaScript

JavaScript | 第14章「プロミスの使用」

JavaScript「プロミスの使用」要点まとめPromiseの基本Promise(プロミス)とは:「非同期処理の結果(成功 or 失敗)」を表すオブジェクト。→ まだ終わっていない処理の「将来の値」...
JavaScript

JavaScript | 第15章「JavaScript の型付き配列」

JavaScript「JavaScript の型付き配列」要点まとめそもそも何?**Typed Arrays(型付き配列)**は、「メモリ上の生データ(バイナリ)を型付きで扱うための仕組み」。画像・音...
JavaScript

JavaScript | 第13章「クラスの使用」

JavaScript「クラスの使用」要点まとめ項目説明例クラスとはオブジェクトを作るための「設計図」。同じ形のオブジェクトを簡単に作れる。class Person { ... }インスタンス化クラスか...
JavaScript

JavaScript | 第12章「オブジェクトに関する扱い方」

JavaScript「オブジェクトに関する扱い方」要点まとめ「Working with Objects(オブジェクトの扱い方)」の要点を、初心者向けにギュッと整理しました。JavaScript オブジ...
JavaScript

JavaScript | 第11章「キー付きコレクション」

JavaScript「キー付きコレクション」要点まとめ1. 概要「キー付きコレクション」は キーで値を管理する特別なデータ構造。主な種類:MapWeakMapSetWeakSet2. Map(マップ)...
JavaScript

JavaScript | 第10章「インデックス付きコレクション」

JavaScript「インデックス付きコレクション」要点まとめ基本の考え方「インデックス付き」= 番号(0, 1, 2, …)で要素を順番に管理するコレクションJavaScript では主に次の3つが...
JavaScript

JavaScript | 第9章「正規表現」

JavaScript「正規表現」要点まとめ1. 正規表現とは文字列のパターンを表現するための仕組み。検索・置換・抽出などを柔軟に行える。JavaScript では RegExp オブジェクトとして扱う...
JavaScript

JavaScript | 第8章「日付と時刻の表現」

JavaScript「日付と時刻の表現」要点まとめ1. 基本は Date オブジェクトJavaScript では「日付や時刻」を扱うために Date オブジェクト を使う。内部的には 1970年1月1...
JavaScript

JavaScript | 第7章「数値と文字列」

JavaScript「数値と文字列」要点まとめ全体のポイントJavaScript では 数値 (Number) と 文字列 (String) がよく使われる基本データ型。数値と文字列は見た目が似ていて...
JavaScript

JavaScript | JavaScript 演算子の優先順位 一覧表(初心者向け)

JavaScript を正確に理解するには、演算子の優先順位(precedence)と結合規則(associativity)を知っておくことが大切です。これが分かると「どの演算が先に実行されるか」が一...
JavaScript

JavaScript | 第6章「式と演算子」

JavaScript「式と演算子」要点まとめ全体の要点概念説明式 (expression)評価されると「値」になるコード。例:3 + 4, x = 10, a > b ? a : b演算子 (oper...
JavaScript

JavaScript | 第5章「関数」

JavaScript「関数」要点まとめ関数とは処理のまとまりに名前をつけて再利用できる仕組み。入力(引数)→ 処理 → 出力(戻り値) の流れで動く。JavaScriptでは関数も**値(オブジェクト...
JavaScript

JavaScript | 第4章「ループと反復処理」

JavaScript「ループと反復処理」要点まとめ基本の考え方ループ=同じ処理を何度も繰り返す仕組み反復処理(iteration)=配列や文字列などの要素を順番に処理すること「いつ終わるか」を正しく設...
JavaScript

JavaScript | 第3章「制御フローとエラー処理」

JavaScript「制御フローとエラー処理」要点まとめ基本の考え方プログラムは「上から下へ」順に実行されるが、条件やエラーによって 流れ(フロー)を変える 必要がある。その仕組みを 制御フロー、実行...
JavaScript

JavaScript | 第2章「文法とデータ型」

JavaScript「文法とデータ型」要点まとめ1. コメントと空白コメントはプログラムに影響しない説明文。一行コメント:// コメント複数行コメント:/* コメント */空白・改行は基本的に無視され...
JavaScript

JavaScript | 第1章「JavaScriptの基礎」

全体の趣旨この「JavaScriptの基礎」では、JavaScript(以下 JS)が何か、どんな特徴があるか、どのように学び始めればよいか、などの基本的な考え方を紹介します。まずこういう基礎的な導入...
JavaScript

JavaScript | 文字列リテラルの記述方法

主な内容の要点1. JavaScript における文字列(String 型)JavaScript では、文字列は Unicode(UTF-16)によって表現され、英数字・日本語など多くの文字を扱える。...
JavaScript

JavaScript | 多次元配列(配列の中に配列)とそのループ処理

では、多次元配列を初心者向けに分かりやすく、例題付きで解説します。「配列の中に配列が入っている状態」をイメージして進めます。1) 多次元配列って何?普通の配列:1列の値を持つ箱 let arr = [...
JavaScript

JavaScript | 配列の splice メソッド

splice は配列を操作するときに超便利ですが、初心者には少し複雑に見えるので、図解イメージと例を交えて丁寧に解説します。splice は 配列の要素を削除・追加・置換 する万能メソッドです。arr...
JavaScript

JavaScript | forEachメソッド 完全ガイド

それでは、初心者〜中級者までしっかり理解できるように、図解・例題・応用を交えた「JavaScript forEachメソッド 完全ガイド」 を作成します。forEachとは?forEach() は、配...
スポンサーリンク