React中判断对象数组所有isChecked值是否全为false并返回true的问题

正确解法 #

要判断数组中所有元素的isChecked属性是否全为false，使用every方法是正确的选择——它会在所有元素都满足指定条件时返回true。

针对你提供的数组，正确代码示例：

const arr = [
  {"filter":"ASIA","key":0,"isChecked":false},
  {"filter":"INDIA","key":1,"isChecked":false},
  {"filter":"MANDYA","key":2,"isChecked":false},
  {"filter":"GOA","key":3,"isChecked":false},
  {"filter":"KERALA","key":4,"isChecked":false}
];

const allUnchecked = arr.every(element => element.isChecked === false);
console.log(allUnchecked); // 输出 true

为什么你的代码返回false？ #

你提到every写法返回false，大概率是以下原因之一：

• 变量arr没有正确指向目标数组，或者数组在代码执行前被修改过（比如有元素的isChecked被设为true）
• 属性名拼写错误，比如实际元素的属性是ischecked（全小写）而非isChecked（驼峰式），导致判断条件不匹配
• 数组中存在你没注意到的元素（比如动态添加的项），其isChecked为true

some和every的区别 #

• some方法只要数组中至少有一个元素满足条件就返回true，所以你的arr.some(element => element.isChecked === false)会返回true，但这不符合你“全为false”的判断需求
• every方法要求数组中所有元素都满足条件才返回true，这才是你需要的逻辑

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