CustomCellを削除したい!!

Question

cellを削除したい!!

初学者です。
TestAppを制作しています。
オプションボタンを作って、Twitterのように削除したいと思って、実装を試みましたが、上手くいきません。

発生している問題

Customcellをオプションボタンで削除したいと思っています。
が、

self.itemArray.remove(at: indexPathRow)
self.tableView.reloadData()

しても消えてくれません。
なぜ消えないのか、また何が足りないのかも現状わからない状態です。

補足情報

コード全文を載せておきます。

import UIKit

protocol TableViewCellDelegate {
    func deleteButton(indexPathRow: Int)
}

class TableViewCell: UITableViewCell {
    
    var delegate: TableViewCellDelegate?
    var indexPathRow = 0
    
    @IBAction func deleteButton(_ sender: Any) {
        delegate?.deleteButton(indexPathRow: indexPathRow)
    }
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }
    
    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
        
        // Configure the view for the selected state
    }
    
}

import UIKit

class ViewController: UIViewController {
    
    var itemArray = ["cell 1","cell 2","cell 3"]
    
    @IBOutlet weak var tableView: UITableView!
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let tableView = UITableView(frame: self.view.bounds, style: .plain)
        //tableViewの設定を記述
        tableView.register(UINib(nibName: "TableViewCell", bundle: nil), forCellReuseIdentifier: "customCell")
        tableView.delegate = self
        tableView.dataSource = self
        view.addSubview(tableView)
    }
}

extension ViewController: UITableViewDelegate,UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        itemArray.count
    }
    
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        //tableViewの内容を指定
        let cell = tableView.dequeueReusableCell(withIdentifier: "customCell",for: indexPath) as! TableViewCell
        //忘れやすいので注意
        cell.indexPathRow = indexPath.row
        cell.delegate = self
        return cell
    }
}
extension ViewController: TableViewCellDelegate {
    
    func deleteButton(indexPathRow: Int) {
        let alert: UIAlertController = UIAlertController(title: "注意", message: "削除してもいいですか？", preferredStyle: .alert)
        let canselAction: UIAlertAction = UIAlertAction(title: "キャンセル", style: .cancel) { (UIAlertAction) in
            print("キャンセル")
        }
        let okAction: UIAlertAction = UIAlertAction(title: "削除", style: .destructive) { (UIAlertAction) in
            
            self.itemArray.remove(at: indexPathRow)
            //アニメーションを追加したいが、設定がよくわからない。
            //self.tableView.deleteRows(at: indexPathRow, with: .automatic)
            
            self.tableView.reloadData()
            
            
            print(self.itemArray)
        }
        alert.addAction(okAction)
        alert.addAction(canselAction)
        present(alert, animated: true, completion: nil)
    }
}

以下の画像はCustomCellの表示内容です。

Answer 1

コードの内容を見たところ、
@IBOutlet weak var tableView: UITableView!
でStoryboardに配置したTableViewをoutlet接続しているようなのに、
viewDidLoadの中で
let tableView = UITableView(frame: self.view.bounds, style: .plain)
で新しいテーブルを作成して、それに対して

        tableView.register(UINib(nibName: "TableViewCell", bundle: nil), forCellReuseIdentifier: "customCell")
        tableView.delegate = self
        tableView.dataSource = self
        view.addSubview(tableView)

でdelegate等の設定を施して、addSubViewで画面に表示しています。

ボタンをタップした時に動作するのは、このコードで作成したTableViewの方になりますが、self.tableView.reloadData() は、outlet接続してプロパティに保持しているtableViewに対してreloadDataをしており、こちらのTableViewにはdelegateが設定されていないので、テーブル更新が動作しないのだと思います。

let tableView = UITableView(frame: self.view.bounds, style: .plain)
と
view.addSubview(tableView)
を削除して、Storyboardに設定したTableViewの方を使うようにすれば、正常にテーブルの更新が行われるようになると思います。

Comments

[masaboy]

大変わかりやすい回答を頂いて、本当に感謝しています!!

まだまだコードの意味を全然理解出来ていないを改めて実感しましたので、引き続き勉強に励みたいと思います。
ありがとうございました。