Swift セルで苗字に紐づいて表示させたい

Question

前提・実現したいこと

https://qiita.com/BMJr/items/ca7bcf76d36acbdef75e
上記のサイトの２つ目の方法で表示させるところまではできました。

さらに苗字の右側に
例えば、["東京","千葉","埼玉"] のようなデータを
苗字と紐づいて表示させるために
Swiftでどのように記述すればよいのかが知りたいです。
よろしくお願いします。

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

Xcode 12.2
Swift 5.3.1

こんな感じでやりたくてコードは作ってみたもののうまくゆかない

import UIKit

class TableViewController: UITableViewController {
    
    typealias MySectionRow = (mySection: String, myRow: Array<String>)
    var mySectionRows = [MySectionRow]()
    var selectedClass = ""
    var selectedPerson = ""
    
    var birthPlace = ["東京","千葉","埼玉","神奈川","茨城","山梨"]

    override func viewDidLoad() {
        super.viewDidLoad()
        mySectionRows.append(("3年A組",["井上","加藤","田中"]))
        mySectionRows.append(("3年B組",["鈴木","吉田"]))
        mySectionRows.append(("3年C組",["遠藤","佐藤","村田","山田"]))
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return mySectionRows.count
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return mySectionRows[section].myRow.count
    }

    override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return mySectionRows[section].mySection
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Reuse", for: indexPath)
        
        let label1Text = cell.viewWithTag(1) as! UILabel
        
        label1Text.text = mySectionRows[indexPath.section].myRow[indexPath.row]
        
        let label2Text = cell.viewWithTag(2) as! UILabel
        
        label2Text.text = birthPlace[indexPath.row]
        
        return cell
    }

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        selectedClass = mySectionRows[indexPath.section].mySection
        selectedPerson = mySectionRows[indexPath.section].myRow[indexPath.row]
    }

}

Comments

[TsukubaDepot]

> 例えば、["東京","千葉","埼玉"] のようなデータを
> 苗字と紐づいて表示させるために

どういう感じで紐づけたいと考えてらっしゃるのでしょうか。
いまいちイメージがつかめないので、具体的にどのように表示したいのか示していただければと思います。

[abv]

クラスのグループの中にある名前と出身地を同じセルに表示させたいです。

今までは、異なるクラスでも内容が同一のセルが固定された数だけ表示されていました。
ですが求めていることは、クラスごとにそれぞれのクラスの人数分だけ表示させることなので
探した結果、あのサイトにたどり着き、サンプルを参考に作成しましたら、最初の目的は達成しました。

次に求めていることは、１つのセルに名前と出身地２つを表示させることなので
その方法を探してみましたが、見つけることができなかったため、質問させていただきました。

[TsukubaDepot]

いただいたコメントの解釈はいくつかあるのですが、

1. データ構造として名前と出身地を関連づける方法がわからない
2. ひとつの UITableViewCell に複数のラベルを配置し、各ラベルに名前と出身地を表示したい

のどちらになるのでしょうか。

ただ、1. が解決しないことには 2. は実現しませんので、そのあたりの理解度も明確にしていただければと思います。

[abv]

1になります。

2については、既に2つのラベルを用意して、表示できる段階です。

[TsukubaDepot]

そうなると、苗字と出身地をどのようにして紐づけたいのかわからない限り、回答するのは難しいと思います。
「こんな感じでやりたくてコードは作ってみたもののうまくゆかない」ということがわかれば、それに合わせて回答することは可能なのですが、ご提示いただくコードはありませんでしょうか。

[abv]

birthPlaceの配列データを
mySectionRowsの配列１つにまとめて表示させたいのですが、
このようなコードでよろしいでしょうか？

[TsukubaDepot]

ご提示、ありがとうございます。
方針が明確になりそうです。

Answer 1

ご提示いただいた方法だと、名前と出身地との間に関連性が全くないため、

• クラス出席番号1番は東京
• クラス出席番号2番は千葉
• ...

という具合に出席番号に応じて出身地が決まってしまいます。
実際のところ、出身地は名前と紐づいているため、名前と関連づけて管理する必要があります。

参考にされたページはタプル（tupple）を使ってデータを管理しているため、その方針で考えてみたいと思います。

まず、名前と出身地を管理するタプルを作ります。
参考にされているサイトでも、typeAlias を使っているので、それを使いたいと思います。

    typealias NameAndBirthplace = (name: String, birthPlace: String)

さらに、mySectionRow を次のように書き換えます。

    typealias MySectionRow = (mySection: String, myRow: Array<NameAndBirthplace>)

これで、myRow の部分は、NameAndBirtplace という型（実際は(name:String, birthPlace: String)のタプル）の Array として利用できるようになりました。

そうすると、次のような感じで名前と出身地を一括して登録することが可能となります。

        mySectionRows.append(("3年A組",[("井上", "茨城"), ("加藤", "東京"), ("田中", "山梨")]))

タプルのラベル（nameやbirthPlace）は省略できますので、ここでは省略していますが、名前と出身地をセットにして管理することはご理解いただけるかと思います。

そうなると、あとは UITableViewCell への表示部分の変更となります。
その部分は

        label1Text.text = mySectionRows[indexPath.section].myRow[indexPath.row].name

        label2Text.text = mySectionRows[indexPath.section].myRow[indexPath.row].birthPlace

のような感じで、タプルのラベルでアクセスすることとなります。

ところで、これは現状のコードの変更をなるべく最小限に抑えるための方法であり、管理の仕方としては最適とは決して言い難いと思います。

ひとつは、出身地をすべて打ち込まなければいけませんが、この方法だと "茨城" を "茨木" と間違えたりする可能性もあります。

また、ラベルに値を代入する部分の見通しも良くありません。

これらを効率よく解決するとなると、たとえば列挙型を用いたり、あるいは構造体を使ってクラス管理をやることになると思いますが、それをやってしまうと理解が追いつかなくなる可能性がありますので、まずはタプルでどのように管理すれば良いのか整理されてから、次のステップに進まれるのも一つかと思います。

ちなみに、タプルは構造体やクラスを作るほどでもない、ごく簡単なデータ管理方法として使われますので、この方法が全くの誤りというわけではないかと思います（実際、ごく簡単なサンプルを作るときにはタプルは非常に便利に使えます）。

以下、書き換えたコード全文となります。

import UIKit

class TableViewController: UITableViewController {

    typealias NameAndBirthplace = (name: String, birthPlace: String)
    
    typealias MySectionRow = (mySection: String, myRow: Array<NameAndBirthplace>)
    var mySectionRows = [MySectionRow]()
    var selectedClass = ""
    var selectedPerson = ""

    override func viewDidLoad() {
        super.viewDidLoad()
        mySectionRows.append(("3年A組",[("井上", "茨城"), ("加藤", "東京"), ("田中", "山梨")]))
        mySectionRows.append(("3年B組",[("鈴木", "神奈川"), ("吉田", "埼玉")]))
        mySectionRows.append(("3年C組",[("遠藤", "東京"), ("佐藤", "埼玉"), ("村田", "山梨"), ("山田", "茨城")]))
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return mySectionRows.count
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return mySectionRows[section].myRow.count
    }

    override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return mySectionRows[section].mySection
    }

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

        let label1Text = cell.viewWithTag(1) as! UILabel

        label1Text.text = mySectionRows[indexPath.section].myRow[indexPath.row].name

        let label2Text = cell.viewWithTag(2) as! UILabel

        label2Text.text = mySectionRows[indexPath.section].myRow[indexPath.row].birthPlace

        return cell
    }

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        selectedClass = mySectionRows[indexPath.section].mySection
        //
        selectedPerson = mySectionRows[indexPath.section].myRow[indexPath.row].name
    }

}

Comments

[abv]

ありがとうございます！
とてもわかりやすい説明で助かります