JavaScript

スポンサーリンク
JavaScript

JavaScript 逆引き集 | スプレッドで配列コピー/結合

JavaScriptスプレッド構文で配列コピー/結合配列を「そのままコピーしたい」「複数の配列をつなげたい」ときに便利なのが スプレッド構文(...)。初心者でも直感的に書けて、concatよりも短く表現できるのが魅力です。構文と考え方//...
JavaScript

JavaScript 逆引き集 | concat で配列結合

JavaScript配列の結合(concat)の基本と実践「2つ以上の配列をつなげたい」ときに使うのが concat。初心者でも直感的に扱えるメソッドで、元の配列を壊さず新しい配列を返してくれるのが特徴です。構文と考え方const resu...
JavaScript

JavaScript 逆引き集 | flatMap の変換+平坦化

JavaScript配列の変換+平坦化(flatMap)の基本と実践「mapで変換した結果が配列になってしまう → そのままでは二重配列になる」そんなときに便利なのが flatMap。mapとflatを同時にやってくれるので、初心者でもスッ...
JavaScript

JavaScript 逆引き集 | flat で1階層平坦化

JavaScript配列の平坦化(flat)の基本と実践配列の中に配列が入っていると「二重配列」「ネスト配列」と呼ばれます。これを「1階層だけまっ平らにしたい」ときに使うのが flat。初心者でも直感的に扱える便利メソッドです。構文と考え方...
JavaScript

JavaScript 逆引き集 | every で全件判定

JavaScript配列の全件判定(every)の基本と実践「配列のすべてが条件を満たす?」を一度で確かめるなら every。すべてが条件に合えばtrue、1つでも合わなければfalseを返します。最初の不一致で評価を打ち切るため、無駄が少...
JavaScript

JavaScript 逆引き集 | some でいずれか判定

JavaScript配列のいずれか判定(some)の基本と実践「条件に合う要素がひとつでもある?」を真っ直ぐに確かめるなら some。true/falseだけ返すので、存在チェックやバリデーションに向いています。構文と考え方// 基本con...
JavaScript

JavaScript 逆引き集 | includes で存在確認(原始値)

JavaScript配列の存在確認(includes)の基本と実践「この値、配列に入ってる?」を一発で確かめるなら includes。true/falseだけ返すシンプルさが強みで、indexOfより読みやすく、初心者にも扱いやすいです。構...
JavaScript

JavaScript 逆引き集 | findIndex でインデックス取得

JavaScript配列のインデックス取得(findIndex)の基本と実践「条件に合う要素が配列のどこにあるか」を知りたいなら findIndex。見つかった最初の位置(インデックス)を返し、見つからなければ -1。インデックスが分かれば...
JavaScript

JavaScript 逆引き集 | find で最初の一致を取得

JavaScript配列から最初の一致を取得(find)の基本と実践「条件に合う最初の要素を1つだけ取り出したい」なら find が最適です。filterは「全部」を返しますが、findは「最初の1件」だけを返すので、検索や探索に向いていま...
JavaScript

JavaScript 逆引き集 | reduce で集計

JavaScript配列の集計(reduce)の基本と実践「配列の値をまとめて1つにしたい」ときに使うのが reduce。合計・平均・最大値・オブジェクト化など、集計処理の万能ツールです。初心者には少し難しく見えますが、仕組みを理解すると一...
JavaScript

JavaScript 逆引き集 | map で配列変換

JavaScript配列変換(map)の基本と実践「配列の各要素を加工して、新しい配列を作りたい」なら map が最短ルート。元の配列には触れず、処理結果だけを返してくれるので、初心者でも安全に“変換”を積み上げられます。構文と考え方con...
スポンサーリンク