JavaScript | 多次元配列(配列の中に配列)

JavaScript JavaScript
スポンサーリンク

主な内容の要点

1. 多次元配列とは?

  • 配列の要素として別の配列を入れられる
  • こうした「配列の中の配列」を 多次元配列 と呼ぶ
    例:
let userData = [
  ['Yamada', 28, 'Tokyo'],
  ['Suzuki', 36, 'Fukuoka'],
  ['Tanaka', 22, 'Osaka']
];
JavaScript

2. 作り方

  • 直接「配列の中に配列」を書く方法
  • あるいは、先に小さな配列を作ってからまとめる方法
let user1 = ['Yamada', 28, 'Tokyo'];
let user2 = ['Suzuki', 36, 'Fukuoka'];
let user3 = ['Tanaka', 22, 'Osaka'];

let userData = [user1, user2, user3];
JavaScript

3. 要素の取り出し方

  • 一次元目のインデックスで「どの配列か」を選ぶ
  • 二次元目のインデックスで「その配列の中のどの要素か」を選ぶ

例:

console.log(userData[0]);     // ['Yamada', 28, 'Tokyo']
console.log(userData[0][0]);  // 'Yamada'
console.log(userData[0][1]);  // 28
console.log(userData[0][2]);  // 'Tokyo'
JavaScript

4. ポイント整理

  • 配列の中に配列を入れると「表形式のデータ」を扱いやすい
  • userData[行][列] のようにアクセスできる
  • Excelの表や表データをイメージすると理解しやすい

👉 まとめると、「多次元配列」は 表やリストのリストを扱うときに便利な仕組み です。
初心者の方は「配列の中に配列がある」とイメージできればOKです!

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