SwiftUI中ForEach遍历不同长度数组并维护不同索引的问题

问题根源 #

你之前的写法存在两个核心问题：

1. 在ForEach闭包中直接修改@State变量array2Index——SwiftUI是声明式框架，闭包仅用于描述视图结构，不能包含修改状态这类有副作用的操作，否则会触发视图无限刷新循环，导致索引逻辑混乱。
2. @State变量的修改会触发视图提前重建，导致索引在视图渲染前就被多次递增，完全不符合预期逻辑。

正确实现方式 #

不需要额外的状态变量，直接通过计算索引来匹配array2的元素，利用array1的遍历索引推导对应的array2索引：

ForEach(0 ..< array1.count, id: \.self) { index in
    SomeView(varName: array1[index])
    
    // 当array1的索引为偶数（0、2、4...）时，展示OtherView
    let targetArray2Index = index / 2
    // 增加边界判断，避免array2索引越界崩溃
    if index % 2 == 0 && targetArray2Index < array2.count {
        OtherView(varName: array2[targetArray2Index])
    }
}

逻辑说明 #

• 因为array1的索引0、2、4对应array2的0、1、2，用index / 2可以直接推导正确的目标索引，完全不需要手动累加。
• 加入targetArray2Index < array2.count的判断，能避免当array1元素数量超过array2的2倍时出现数组越界崩溃。

调整需求的情况 #

如果你的“每第2个元素”指的是array1的第2、4、6...个元素（即索引为奇数：1、3、5...），只需修改判断条件和索引计算方式：

ForEach(0 ..< array1.count, id: \.self) { index in
    SomeView(varName: array1[index])
    
    if index % 2 == 1 {
        let targetArray2Index = (index - 1) / 2
        if targetArray2Index < array2.count {
            OtherView(varName: array2[targetArray2Index])
        }
    }
}

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