モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 5:配列

React 60日で身につけるReact
スポンサーリンク
スポンサーリンク
  1. DAY 5:配列
  2. 前半:配列とは・要素の取得・length
    1. 配列とは何か
    2. 要素の取得:インデックスという“番号”で取り出す
    3. length:配列の“長さ”を知る
  3. 中盤・後半へのつながり(push / pop / slice / 配列のコピー)
  4. DAY 5:配列(中盤)概要
  5. 前半の復習:配列の基本とlengthのおさらい
    1. 配列とは・要素の取得
    2. lengthで要素数を知る
  6. 中盤の本題:pushとpopで配列を“伸ばす・縮める”
    1. push:配列の末尾に要素を追加する
    2. pop:配列の末尾から要素を取り出して削除する
  7. pushとpopを組み合わせて“スタック”のように使う
    1. 「後から入れたものを先に取り出す」構造
  8. 中盤から後半への橋渡し:sliceと配列のコピーの予告
  9. DAY 5:配列(後半)概要
  10. 前半・中盤の復習から後半への橋渡し
    1. 配列とは・要素の取得・length
    2. push / pop で配列を伸ばす・縮める
  11. slice:配列の一部を“切り出して”新しい配列を作る
    1. sliceの基本構文とイメージ
    2. sliceの引数の意味(開始位置と終了位置)
    3. 終了インデックスを省略する
  12. 配列のコピー:元の配列を壊さずに扱うための基本
    1. なぜコピーが必要なのか(Reactとの関係)
    2. sliceを使った配列のコピー
    3. スプレッド構文によるコピー(予告)
  13. 配列コピーとセキュリティ・安全性の視点
    1. 「意図しない共有」を避ける
    2. コピーしてから変更するという習慣
  14. DAY 5(後半)のまとめ
  15. DAY 5:配列ミニ課題 ― 商品一覧を配列で作る
  16. 商品一覧を「配列」で表現する
    1. 商品一覧を配列で作る
    2. 要素の取得:インデックスで商品を取り出す
    3. lengthで商品数を確認する
  17. 商品を追加・削除する(push/pop)
    1. pushで商品を追加する
    2. popで商品を削除する(末尾から)
  18. sliceと配列コピーで“安全に”商品一覧を扱う
    1. sliceで一部の商品だけを取り出す
    2. 配列のコピー:元の商品一覧を壊さない
  19. ミニ課題のまとめ ― 商品一覧で配列の感覚を固める

DAY 5:配列

DAY 5では、JavaScriptでとても重要な 配列(Array) を扱います。 配列は、Reactでも「リスト表示」「データの一覧管理」などで頻繁に使われる、基礎かつ実戦的な概念です。

このDAYは理解しやすいように、次の3部構成で進めていきます。

  • 前半:配列とは/要素の取得/length
  • 中盤:push/pop
  • 後半:slice/配列のコピー

ここでは「前半」を中心にしつつ、中盤・後半につながる形で説明していきます。

タイトルとURLをコピーしました