HTML图片解析时while循环数组越界问题排查求助

首先咱们来拆解你遇到的问题：虽然从代码逻辑上看，while i < imgArray.count加上i+=1后取i-1的操作，在imgArray.count为3时应该能正确访问0、1、2三个索引，但这种“先递增后索引”的反直觉写法非常容易埋下隐患——你提到的越界报错，大概率是这种绕弯的索引操作导致的，或是后续处理multImgArray时误用了计数器的值。

问题根源分析 #

你当前的while循环流程是：

1. 初始i=0
2. 检查i < imgArray.count（成立）
3. i+=1变成1，取imgArray[0]
4. 重复直到i等于imgArray.count时退出

虽然逻辑上能跑通，但这种写法把索引和计数器的关系搞得很混乱，一旦后续调整循环逻辑（比如加提前continue的判断），很容易直接触发越界。而且你说“当i变为3时触发越界”，大概率是在循环之外的代码里，错误地用了i的值去访问数组（比如multImgArray[i]），这时候i=3就会超出multImgArray的索引范围（它的count是3，最大索引是2）。

更安全的解决方案 #

直接抛弃这种容易出错的while循环，改用for-in遍历，完全避开手动管理索引，从根源上杜绝越界：

if image { 
    var imgArray = image.components(separatedBy: "style=") 
    imgArray.removeFirst() // 移除HTML中不需要的前缀部分
    var newImgArray = [String]() 
    var multImgArray = [[String]]() 
    
    guard !imgArray.isEmpty else {
        // 数组为空时直接退出，避免后续无效操作
        return
    }
    
    if imgArray.count == 1 { 
        newImgArray = imgArray[0].components(separatedBy: ">") 
    } else { 
        // 用for-in遍历，直接拿到每个元素，无需手动算索引
        for imgComponent in imgArray {
            multImgArray.append(imgComponent.components(separatedBy: ">"))
        }
    }
    
    // 继续处理替换width为max-width的逻辑
    let maxWidth = self.view.frame.width - 50
    // 单张图片的处理示例
    if !newImgArray.isEmpty {
        let modifiedStyle = newImgArray[0].replacingOccurrences(of: "width:\\d+pt", with: "max-width:\(maxWidth)pt", options: .regularExpression)
        let finalHtml = "<p style=\"\(modifiedStyle)\">"
        // 后续使用finalHtml...
    }
    // 多张图片的情况类似，遍历multImgArray逐个处理即可
}

如果一定要用while循环，建议调整顺序，先处理再递增计数器，让索引和计数器的关系更直观：

else { 
    var i = 0 
    while i < imgArray.count { 
        multImgArray.append(imgArray[i].components(separatedBy: "&gt;")) 
        i += 1 // 处理完当前索引再递增
    } 
}

额外优化建议 #

1. 手动用字符串分割解析HTML的方式非常脆弱（比如遇到style=在注释里、或属性值包含style=的极端情况），生产环境建议用专门的HTML解析库（比如SwiftSoup），能更稳定地处理各种HTML结构。
2. 替换width属性时，用正则表达式比固定字符串替换更可靠，能匹配任意数字的width值（比如上面示例中的width:\d+pt正则）。

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