Home / Questions / 1207
Accepted
Katz
Asked: 2020-12-17 21:34:06 +0800 CST 2020-12-17 21:34:06 +0800 CST

How to display images corresponding to an Array in Swift?

  • 772

In the code below, initialize the images in an array with a list of names. I want the order of the images to be aligned with the order of the array of names. This is what I tried and got an error saying:

Thread 1: EXC_BAD_INSTRUCTION ( code=EXC_I386_INVOP, subcode = 0x0)

The console says: fatal error: Array index out of range (lldb) Code

class NonameTableViewController: UITableViewController {


var Names = [" Ferro", "Korean", "HUH?","CatCafe", "UINITY", "FAKESTORE" ,"IRANOUTOFNAMES", "OKAY", "KEEP CODING"]

var Images = ["cafedeadend.jpg", "homei.jpg", "teakha.jpg", "cafelois1.jpg"," petiteoyster.jpg", "forkeerestaurant.jpg"]

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {


    let cellIndentifier = "Cell"
    let cell = tableView.dequeueReusableCellWithIdentifier(cellIndentifier, forIndexPath: indexPath)


        //configure cell 

         cell.textLabel?.text = Names[indexPath.row]
        cell.imageView?.image = UIImage(named: Images[indexPath.row])

            return cell
} 


       override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
            // #warning Incomplete implementation, return the number of sections
            return 1
        }

        override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
            // #warning Incomplete implementation, return the number of rows
            return Names.count
        }
ios

3 Answers

  1. Best Answer

    The problem is that the arrays do not have the same number of elements. The first one has 9 and the second one only 6. Therefore the line:

    cell.imageView?.image = UIImage(named: Images[indexPath.row])

    It will give you this error because you are trying to access an index of the array Imagesthat does not exist, since the maximum you can access is Images.count - 1. Try adding more names to the array Imagesor removing names from the array Namesso that they both have the same number of elements.

    • 3

  2. What I would do is check if there is information in those indexes before accessing it, for example:

        //configure cell

    if indexpath.row < Names.count {
        cell.textLabel?.text = Names[indexPath.row] 
    }
    if indexpath.row < Images.count {
        cell.imageView?.image = UIImage(named: Images[indexPath.row])
    {

        return cell

    By the way, by convention, variable names (Names, Images) should start with lowercase (names, images) ;)

    • 1

  3. I recommend that Images.xcassetsyou create a new group with the name of each image and add the images there. This would remove the array from the middle var Images = ["cafedeadend.jpg" .....]and you could use the name of the image as a name and to call the image.

    • 0