filter と reduce を組み合わせると、「条件で絞り込み → 集計」という流れをシンプルに書けます。実務でもよく使うパターンなので、例題を交えて説明します。基本の流れfilter: 配列から...

主な内容の要点JavaScriptで配列の合計を出すときは、reduceメソッドを使うのが便利です。配列の要素を順番に処理して、最終的に1つの値（合計など）を返してくれます。reduceメソッドの基本...

初心者向けにわかりやすく比較した“図”と短い解説、具体例です。まず全体像をザッと掴んで、下のコードで挙動を確認してください。図：処理のイメージ（左→右）元配列: [1, 2, 3, 4]map: 各要...

主な内容の要点JavaScript の filter メソッドを使うと、配列の中から「条件を満たす要素だけ」を取り出して、新しい配列を作ることができます。元の配列は変わりません。基本の使い方let 新...

では「for 文で書いた処理を map / filter / reduce に書き換える練習問題」を用意します。初心者でも段階的に理解できるようにしてみます。練習問題 1：配列の要素を2倍にするfor...

では「配列メソッド4兄弟」＝ map / filter / forEach / reduce をまとめてみましょう。4つのメソッドの役割メソッド返り値主な用途特徴map新しい配列要素を「変換」する元の...

ここでは、JavaScript の map() メソッドを使った 実践的な例 を、プログラミング初心者でもわかるようにステップごとに解説します。今回のテーマはこの2つ👇数値を10倍にする（基本の変換例...

JavaScript の配列操作でよく出てくる map / filter / forEach は似ているようで役割が違います。初心者向けに整理してみましょう。ざっくりイメージmap → 「変換」：配列...

主な内容の要点map メソッドのポイント役割配列のすべての要素に「同じ処理」を順番に行い、その結果を集めた 新しい配列 を作る。元の配列は変わらないmap は新しい配列を返すだけで、元の配列はそのまま...

主な内容の要点1. reverseメソッド使い方: 配列.reverse()配列の要素を 逆順 に並べ替える。新しい配列を返すのではなく、元の配列そのものが書き換わる。例: let fruits = ...

主な内容の要点1. join() メソッド配列の要素を 文字列に変換してつなげる ことができる書き方： 配列名.join(区切り文字);区切り文字を指定しないと カンマ ( , ) でつながる区切り文...

slice() と splice() は名前が似ているので混乱しやすいですが、性質はまったく違います。初心者向けに整理するとこうなります。slice() と splice() の違い項目slice()...

主な内容の要点slice() メソッドの基本役割：配列の一部をコピーして、新しい配列を作る元の配列は変わらない（非破壊的）使い方array.slice()array.slice(開始位置)array....

主な内容の要点JavaScript には、配列の中から「条件に合う要素」を探したり、チェックしたりするためのメソッドが用意されています。代表的なのは次の4つです。1. findIndex() — 条件...

初心者向けに、違いを「何を返すか」「いつ使うか」「挙動の図」をコード例つきでまとめます。イメージしやすいように同じデータで比較します。const users = [ { name: '太郎', age...

indexOf() / lastIndexOf() に続いて、includes()、find()、findIndex() は「配列から値や条件に合う要素を探す」ときによく使われるメソッドです。初心者で...

では、indexOf() と lastIndexOf() を「実際のアプリでどう使えるのか？」を、シンプルな TODO リスト例 でやさしく解説していきましょう。目標「同じタスクが二重登録されないよう...

主な内容の要点1. indexOf メソッド配列の 先頭から 指定した値を探す見つかったらその 位置（インデックス番号） を返す見つからなければ -1 を返す書き方： 配列.indexOf(値);配列...

いいテーマです！配列メソッドは「どれを使えばいいのか」が最初は混乱しやすいポイント。ここでしっかり整理しておきましょう。配列メソッドの使い分けメソッド目的戻り値使いどころサンプルコードforEach配...

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

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

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

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

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

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

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

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

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

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

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