SwiftUI开发井字棋App运行崩溃 疑似ForEach导致问题求助

• 可选类型使用错误：定义的allMarks类型为模糊的Array?，实际应该明确为[String?]（存储可选字符串的数组），多余的外层可选会导致后续取值全链路带可选链，大幅提升空值 crash 概率。
• 强制解包 crash：Image(systemName: allMarks?[i] as! String) 中使用as!强制类型转换，当对应位置的allMarks值为nil时，强制转换必然失败触发崩溃。
• 循环范围与索引错误：内外层ForEach都使用1..<3半开区间，仅生成1、2两个值，只能渲染22=4个格子，不符合井字棋33=9格的要求；同时数组索引从0开始，用循环变量i直接当数组索引会出现索引不匹配，甚至越界崩溃。
• 循环变量命名冲突：内外层ForEach的循环变量都命名为i，内层变量会覆盖外层值，无法计算出当前点击格子对应的数组索引，赋值逻辑完全混乱。
• 电脑落子逻辑错误：allMarks?.randomElement()取的是数组元素值而非索引，修改randomCell的值完全不会改变原数组，且如果棋盘满无空值时，repeat循环会进入无限等待触发异常。

步骤1：修正属性定义 #

将allMarks明确为[String?]类型，去掉多余的外层可选，初始值为9个nil：
@State private var allMarks: [String?] = Array(repeating: nil, count: 9)

步骤2：修正循环逻辑 #

内外层循环都使用0..<3的区间，循环变量分别命名为row和col，计算当前格子对应数组的索引为row * 3 + col，同时给ForEach加上id: \.self保证唯一性。

步骤3：移除强制解包 #

用可选绑定判断allMarks[index]是否有值，没有值的时候Image不渲染，规避强制解包失败问题。

步骤4：修正电脑落子逻辑 #

先筛选出当前数组中所有值为nil的索引，随机取其中一个索引赋值为xmark，如果没有空索引就不操作，避免无限循环。

import SwiftUI

struct ContentView: View {
    @State private var allMarks: [String?] = Array(repeating: nil, count: 9)
    var body: some View {
        HStack(spacing: 12) {
            ForEach(0..<3, id: \.self) { row in
                VStack(spacing: 12) {
                    ForEach(0..<3, id: \.self) { col in
                        let index = row * 3 + col
                        ZStack {
                            RoundedRectangle(cornerRadius: 12.0, style: .continuous)
                                .aspectRatio(1, contentMode: .fit)
                                .foregroundColor(Color(UIColor.systemGroupedBackground))
                                .onTapGesture {
                                    guard allMarks[index] == nil else { return }
                                    // 玩家落子
                                    allMarks[index] = "circle"
                                    // 电脑落子
                                    let emptyIndexes = allMarks.indices.filter { allMarks[$0] == nil }
                                    guard let randomIndex = emptyIndexes.randomElement() else { return }
                                    allMarks[randomIndex] = "xmark"
                                }
                            if let mark = allMarks[index] {
                                Image(systemName: mark)
                                    .font(.largeTitle)
                            }
                        }
                    }
                }
            }
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

内容的提问来源于stack exchange，提问作者user16643721