React中批量重置嵌套对象数组所有check字段为false的方法

• 直接修改原test状态时仅最后一项check被重置，核心原因是循环过程中每次替换操作都基于最原始的未修改test数组执行，前几轮循环对数组的改动不会被带入下一轮计算，只有最后一轮对应最后一个character项的修改会被保留，最终呈现只有最后一项生效的结果。
• 你当前的实现存在两处明显问题：
  • 开头let array = test属于引用赋值，没有和原状态做隔离，不符合React状态不可变的要求，极端场景下会直接篡改原state导致渲染异常
  • 代码里硬编码了two数组下的两个固定项，无法适配two数组动态增减的需求，且循环中反复调用slice做数组拼接，逻辑冗余性能差。

不需要额外声明中间array变量，利用setState的函数式更新配合Array.map即可实现，天然支持任意长度的character和two数组：

setTest(prevTest => prevTest.map(charItem => ({
  ...charItem,
  two: charItem.two.map(item => ({
    ...item,
    check: false
  }))
})))

这个写法的优势：

• 函数式更新可以拿到最新的状态值，不会受闭包影响拿到过期state
• 全程通过map生成新数组、展开运算符复制对象属性，完全遵循不可变数据原则，不会直接修改原状态
• 没有硬编码任何固定数组项，无论character数组增删多少条目、每个character下的two数组有多少个元素，都能正确将所有check值重置为false，完全适配动态增减的需求
• 逻辑简洁，没有多余的中间变量和数组切片操作，可维护性更高。

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