JavaScript

スポンサーリンク
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – 空配列にする方法

空配列にするとは何か「空配列にする」とは、配列からすべての要素を取り除いて要素数を 0 にすることです。ここが重要です:やり方によって“参照を保つ(同じ配列オブジェクトのまま空にする)”場合と、“別の...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – スプレッド構文での追加

スプレッド構文とは何かスプレッド構文 ... は「配列の“中身”をその場で展開する」書き方です。たとえば ] は と同じ意味になり、, 3] は を作ります。ここが重要です:スプレッドは“非破壊”で新...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – 配列の結合(concat)

concat とは何かconcat は「複数の配列や値を“結合して新しい配列”を返す」非破壊メソッドです。元の配列は変更されず、つなげた結果だけが戻り値として返ります。ここが重要です:concat は...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – slice

slice とは何かslice は「配列から“指定した範囲”を切り出して、新しい配列を返す」非破壊メソッドです。元の配列は変更されず、開始位置から終了位置の“手前まで”がコピーされます。ここが重要です...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – splice(追加)

splice(追加)とは何かsplice は「配列の途中に要素を挿入(必要なら置き換えも)できる」メソッドです。書式は array.splice(start, deleteCount, ...inse...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – splice(削除)

splice(削除)とは何かsplice は「配列の途中から指定した数だけ要素を削除する」ためのメソッドです。書式は array.splice(start, deleteCount, ...inser...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – unshift

unshift とは何かunshift は「配列の先頭に要素を追加し、その結果の要素数(length)を返す」メソッドです。ここが重要です:unshift は“破壊的操作”で、元の配列を直接書き換えま...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – shift

shift とは何かshift は「配列の先頭の要素を1つ取り出して、配列から削除する」メソッドです。取り出した要素を返し、配列の長さを1つ減らします。ここが重要です:shift は“破壊的操作”で、...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – pop

pop とは何かpop は「配列の末尾から要素を1つ取り出して、配列から削除する」メソッドです。取り出した要素を返し、配列の長さを1つ減らします。ここが重要です:pop は“破壊的操作”で、元の配列を...
JavaScript

JavaScript | 配列・オブジェクト:配列の追加・削除 – push

push とは何かpush は「配列の末尾に要素を追加し、その結果の要素数を返す」メソッドです。ここが重要です:push は“破壊的操作”です。元の配列を直接書き換えるため、同じ配列を共有している変数...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 配列のコピー方法

配列のコピーとは何か配列のコピーは「元の配列を壊さず、別の配列インスタンスを作る」ことです。ここが重要です:コピーには“浅いコピー”(一次元ぶんだけ独立)と“深いコピー”(入れ子の中身まで独立)があり...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 配列の初期化方法

配列の初期化とは何か配列の初期化は「配列を作って、最初の中身(要素)や長さを決める」ことです。ここが重要です:JavaScript では複数の初期化方法がありますが、意図と挙動が微妙に違います。最も安...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 配列と文字列の違い

配列と文字列とは何か配列は「値を順番に並べるための入れ物」、文字列は「文字を順番に並べたテキスト」です。どちらも“順序がある並び”ですが、決定的な違いがあります。ここが重要です:配列は変更可能(要素の...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 多次元配列

多次元配列とは何か多次元配列は「配列の中に配列を入れた構造」です。2次元は行と列、3次元はさらに“層”があるイメージになります。ここが重要です:JavaScriptには専用の多次元型はなく、配列の入れ...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 配列の変更可能性

配列の変更可能性とは何か配列は「参照型のオブジェクト」で、デフォルトでは中身を自由に変更できます。push・pop・splice・sort などのメソッドは配列を“その場で書き換える”ため、同じ配列を...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 配列の参照渡し

配列の参照渡しとは何か配列は「参照型」のオブジェクトです。変数が直接値そのものを持つのではなく、“配列がある場所(参照)”を指しています。ここが重要です:代入や関数引数で配列を渡すと、“配列そのもの”...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – length プロパティ

length プロパティとは何かlength プロパティは「配列の要素数」を表す特別な値です。配列に何個の要素が入っているかを常に返してくれます。ここが重要です:length は「最後のインデックス ...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – インデックスの概念

インデックスとは何かインデックスは「配列の中で、要素に付いている番号」です。JavaScript では先頭が 0、次が 1…と続きます。ここが重要です:配列の要素数(length)とインデックスの最大...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 配列リテラル

配列リテラルとは何か配列リテラルは、角括弧 は数値の配列、 は型が混在した配列になります。ここが重要です:JavaScript の配列はどんな型でも混ぜられ、長さは後から自由に伸び縮みします。new ...
JavaScript

JavaScript | 配列・オブジェクト:配列の基礎 – 配列とは何か

配列とは何か配列は「値を順番に並べて、ひとまとめに扱うための箱」です。1つの変数に複数の値を入れて、後から順番や番号(インデックス)で取り出せます。ここが重要です:JavaScript の配列は“どん...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォームデータ送信(FormData)

FormData とは何かFormData は、フォームの入力値を「送信用のペア(name → value)」としてまとめるための標準APIです。ファイルも含めて簡単に扱え、fetch などの非同期送...
JavaScript

JavaScript | DOM 操作:フォーム操作 – エラー表示の DOM 操作

エラー表示の DOM 操作とは何かフォームの「どこが、なぜ、どう直せばいいか」を画面に明確に示すために、DOM(HTML構造)を動的に追加・更新・削除することです。ここが重要です:ブラウザ標準のバブル...
JavaScript

JavaScript | DOM 操作:フォーム操作 – バリデーション(required, pattern など)

バリデーションとは何かバリデーションは「入力が条件を満たしているか」をチェックして、誤入力や欠落を防ぐ仕組みです。HTML とブラウザは、required・type・min/max・pattern な...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォーム送信イベント

フォーム送信イベントとは何かフォーム送信イベントは、ユーザーがフォームを送ろうとした瞬間に発火する “submit” イベントのことです。ここが重要です:submit は「実際の送信前」に発火するため...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォームの reset

フォームの reset とは何かフォームの reset は「フォーム内のすべての入力を“初期状態(HTMLで指定された値・選択)”に戻す」操作です。ここが重要です:reset は“現在値”ではなく“初...
JavaScript

JavaScript | DOM 操作:フォーム操作 – ラジオボタンの取得

ラジオボタンの取得とは何かラジオボタンは「同じ name を持つ選択肢の中から“必ず0か1つ”だけ選ぶ」入力です。JavaScript では“グループとして”扱うのがコツです。ここが重要です:同じ n...
JavaScript

JavaScript | DOM 操作:フォーム操作 – checked の操作

checked とは何かchecked は、checkbox と radio の「選択状態」を表す真偽値プロパティです。true なら選ばれている、false なら選ばれていない状態を意味します。ここ...
JavaScript

JavaScript | DOM 操作:フォーム操作 – select の取得・変更

select の取得・変更とは何かselect は「選択肢の中から値を1つ(または複数)選ぶ」ためのフォーム要素です。JavaScript では現在の選択値を読み取ったり、選択を変更したり、選択肢を動...
JavaScript

JavaScript | DOM 操作:フォーム操作 – input の value

input の value とは何かinput 要素の value は「現在の入力値」を表す文字列です。type に関わらず、基本は文字列として読み書きします。ここが重要です:type="number...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォーム要素の取得

フォーム要素の取得とは何かフォーム要素の取得は、HTML の form や input・select・textarea・button などにプログラムからアクセスして、値を読んだり書いたり、送信を制御...
スポンサーリンク