React Native中如何修改数组对象的首个布尔值及递进更新？

嘿，我来帮你搞定这个问题！先看看你原来代码的问题：

• 你用了item.Checked === false，这是全等比较运算符，不是赋值操作，要改成=才是给变量赋值；
• 你的判断逻辑完全搞反了，而且没有针对特定任务名称来修改，自然达不到你想要的效果。

针对你的两个需求场景，我给你分别写了对应的解决方案，而且都是只修改指定名称的任务项，不会影响其他内容：

场景1：将「Pre Operation」的Checked设为true #

假设API返回的初始数据是全部Checked为false的数组，我们只修改指定项：

var jsonResult = [ 
  { Name: 'Pre Operation', Checked: false }, 
  { Name: 'Operation', Checked: false }, 
  { Name: 'Post Operation', Checked: false } 
];

// 生成修改后的新数组（不修改原数据，推荐做法）
var updatedResult = jsonResult.map(item => {
  // 只匹配Name为"Pre Operation"的项
  if (item.Name === 'Pre Operation') {
    // 用展开运算符创建新对象，避免修改原数组里的对象
    return { ...item, Checked: true };
  }
  // 其他项直接返回原对象
  return item;
});

运行后updatedResult就是你想要的结果：

[ 
  { Name: 'Pre Operation', Checked: true}, 
  { Name: 'Operation', Checked: false }, 
  { Name: 'Post Operation', Checked: false } 
]

场景2：将「Operation」的Checked设为true #

当API返回的初始数据里「Pre Operation」已经是true时，我们修改「Operation」的状态：

var jsonResult = [ 
  { Name: 'Pre Operation', Checked: true}, 
  { Name: 'Operation', Checked: false }, 
  { Name: 'Post Operation', Checked: false } 
];

var updatedResult = jsonResult.map(item => {
  if (item.Name === 'Operation') {
    return { ...item, Checked: true };
  }
  return item;
});

运行后得到你需要的结果：

[ 
  { Name: 'Pre Operation', Checked: true}, 
  { Name: 'Operation', Checked: true}, 
  { Name: 'Post Operation', Checked: false } 
]

通用复用函数（推荐） #

如果以后还要修改其他任务项的状态，可以写一个通用函数，方便重复调用：

function updateTaskChecked(tasks, targetTaskName, newCheckedStatus) {
  return tasks.map(task => {
    if (task.Name === targetTaskName) {
      return { ...task, Checked: newCheckedStatus };
    }
    return task;
  });
}

// 调用示例：
// 场景1的调用
var result1 = updateTaskChecked(jsonResult, 'Pre Operation', true);
// 场景2的调用
var result2 = updateTaskChecked(jsonResult, 'Operation', true);

这样的写法既精准修改指定任务的状态，又不会误操作其他项，也避免了直接修改原数据可能带来的副作用~

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