JavaScript

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

では「各要素の平均値との差（偏差）を計算して返す関数」を作ってみましょう。これは 統計の基礎（偏差） に触れる練習です。目標配列の平均値を求める各要素から平均値を引いて「偏差」を計算する偏差を集めた新しい配列を返す✅ 模範解答（for文バー...

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

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

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

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

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

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

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

では「配列の中から偶数だけを集めて新しい配列を返す関数」を作ってみましょう。これは「条件に合うすべての要素を取り出す」練習です。目標配列を順番に調べる偶数だけを新しい配列に入れる最後にその配列を返す✅ 模範解答（for文バージョン）func...

では「最初に偶数を見つけて返す関数」を一緒に作ってみましょう。これは「配列の中から条件に合う最初の要素を探す」練習です。目標配列を順番に調べる最初に偶数を見つけたら返す見つからなければ null を返す✅ 模範解答（for文バージョン）fu...

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

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

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

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

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

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

ここからは「3次元配列（配列の中の配列の中に配列）」を、初心者向けにわかりやすく、図と例題でじっくり解説します。3次元配列とは？イメージからつかもう「配列の中に配列があり、その中にさらに配列がある」構造です。たとえるなら：📦 大きな箱 → ...

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

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

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

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

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

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

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

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

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

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

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

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