2020-07-26

スポンサーリンク
JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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