Index out of rangeがでる

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
シュミレーターでTableViewを表示する時に
return name[section].count
のところにエラーが出ます
解決方法を教えてほしいです。

発生している問題・エラーメッセージ

Fatal error: Index out of range

該当のソースコード

import UIKit

class YearTableViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    private let YearTableViewCell = "YearTableViewCell"
    private let Era = [
        "奈良", "平安", "鎌倉", "室町", "安土桃山", "江戸", "明治"
    ]
    private let name = [
        ["784年長岡京遷都", "794年平安京遷都"], ["802年\n坂上田村麻呂を征夷大将軍に任命", "aaa"],
        ["aaa"],
        ["aaa"]
        
    ]
    
    @IBOutlet weak var YearTableView: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        YearTableView.dataSource = self
        YearTableView.delegate = self
        YearTableView.register(UITableViewCell.self, forCellReuseIdentifier: "YearTableViewCell")
    }
    
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return Era.count
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return name[section].count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = YearTableView.dequeueReusableCell(withIdentifier: YearTableViewCell, for: indexPath)
        cell.textLabel?.text = name[indexPath.section][indexPath.row]
        cell.textLabel?.numberOfLines = 2
        
        return cell
    }
    
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 60
    }
    
    //header
    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let label = UILabel()
        label.text = Era[section]
        label.textAlignment = .center
        label.backgroundColor = .gray
        
        return label
    }
    
    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 50
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        print("section: (indexPath.section), row: (indexPath.row)")
        tableView.deselectRow(at: indexPath, animated: true)
        
        
    }
    
}

試したこと

Webで調べたものを試しましたが直りませんでした

補足情報（FW/ツールのバージョンなど）

Answer 1

範囲外、という意味では y_waiwai さんのご指摘通りなのですが、コード上の原因としては、セクションに表示する時代区分の数と、各元号における出来事（の配列数）が一致していないことにあります。

表示する時代区分は

    private let Era = [
        "奈良", "平安", "鎌倉", "室町", "安土桃山", "江戸", "明治"
    ]
```Swift

と**7つ**ありますが、一方出来事の数は

```Swift
    private let name = [
        // 奈良時代
        ["784年長岡京遷都", "794年平安京遷都"],
        // 平安時代
        ["802年\n坂上田村麻呂を征夷大将軍に任命", "aaa"],
        // 鎌倉時代?
        ["aaa"],
        // 室町時代
        ["aaa"]
        // 安土桃山、江戸、明治に対応する出来事がない
    ]

という具合に、4つしか存在しません。

なので、安土桃山時代以降の出来事を表示しようとしても、対応するデータがないためエラーが出てしまっています。

なので、両方の数が一致するようにするのが解決方法となります。

    private let Era = [
        "奈良", "平安", "鎌倉", "室町", "安土桃山", "江戸", "明治"
    ]
    
    private let name = [
        // 奈良時代
        ["784年\n長岡京遷都", "794年\n平安京遷都"],
        // 平安時代
        ["802年\n坂上田村麻呂を征夷大将軍に任命", "1069年\n後三条天皇が桑園の整理を行う"],
        // 鎌倉時代
        ["1192年\n源頼朝が征夷大将軍になる"],
        // 室町時代
        // 何もなければ空配列をいれるß
        [],
        // 安土桃山時代
        ["1590年\n豊臣秀吉が全国を統一する"],
        // 江戸時代
        ["1603年\n徳川家康が征夷大将軍になる"],
        // 明治時代
        ["1889年\n大日本帝国憲法発布"]
    ]

こういう具合に、表示する項目数を一致させれば、問題なく表示することが可能となります。

しかし、これだと時代区分を追加するたびに両者が一致しているか否か考えなければなりません。

たとえば、時代区分に「飛鳥時代」を追加したあとは、出来事の欄にも飛鳥時代の出来事を忘れずに追加する必要があります。

また、時代区分における「飛鳥時代」の場所と、出来事における「飛鳥時代」の場所も一致させなければ、時代区分と出来事が一致しない原因にもなります。

このようなことを避けるためには、データを管理するためのクラスを作ったり、あるいはタプルを使って両者を一括して管理するのが良いのではないでしょうか。

    // 例えば、タプルを使って一つの時代を管理する
    // ("時代区分", ["出来事1", "出来事2", "..."])

    let history:[(era: String, events: [String])] = [
        ("奈良", ["784年\n長岡京遷都", "794年\n平安京遷都"]),
        ("平安", ["802年\n坂上田村麻呂を征夷大将軍に任命", "1069年\n後三条天皇が桑園の整理を行う"]),
        ("鎌倉", ["1192年\n源頼朝が征夷大将軍になる"]),
        ("室町", ["1467年\n応仁の乱"]),
        ("安土桃山", ["1590年\n豊臣秀吉が全国を統一する"]),
        ("江戸", ["1603年\n徳川家康が征夷大将軍になる"]),
        ("明治", ["1889年\n大日本帝国憲法発布"])
    ]

    func numberOfSections(in tableView: UITableView) -> Int {
        // 時代の数
        return history.count
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // 各セクション（時代）に含まれる出来事の数
        return history[section].events.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = YearTableView.dequeueReusableCell(withIdentifier: YearTableViewCell, for: indexPath)

        // ある時代（indexPath.section) で指定された時代の出来事を表示する
        cell.textLabel?.text = history[indexPath.section].events[indexPath.row]
        cell.textLabel?.numberOfLines = 2

        return cell
    }

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let label = UILabel()

        // ある時代の元号を出力する
        label.text = history[section].era
        label.textAlignment = .center
        label.backgroundColor = .gray

        return label
    }

Comments

[daimyon]

解決しました
ありがとうございます！

Answer 2

Fatal error: Index out of range

配列の範囲外のアクセス、と言うエラーなので、そのエラーが出るときのsectionの数値を調べてみよう