如何使用JavaScript检查数组中所有对象的selected属性值

要实现这个需求，核心是判断数组内所有对象的selected属性是否都严格等于true，下面先指出你提供的示例代码存在的问题，再给出几种简洁可靠的实现方式。

原代码的问题 #

你写的checkArr函数逻辑存在错误：

• 循环中每次只判断当前单个元素的selected值，会导致多次触发提示（比如arr1会弹出3次“all selected is true”的弹窗）
• 第二个else if的条件和第一个if完全重复，永远不会被执行
• 无法正确判断“所有元素是否全为true”，只能零散判断单个元素的状态

正确实现方式 #

方法1：使用数组every()方法（最推荐） #

Array.prototype.every()会遍历数组，检查所有元素是否都通过指定测试，一旦遇到不满足条件的元素就会立即停止遍历，效率很高。

function checkAllSelected(arr) {
  // 检查数组中每个对象的selected是否都为true
  const allSelected = arr.every(item => item.selected === true);
  
  if (allSelected) {
    alert("所有对象的selected属性都是true");
    console.log("所有对象的selected属性都是true");
  } else {
    alert("不是所有对象的selected属性都是true");
    console.log("不是所有对象的selected属性都是true");
  }
  return allSelected; // 返回结果，方便后续业务逻辑使用
}

// 测试示例
const arr1 = [
    { id:"1", selected: true },
    { id:"2", selected: true },
    { id:"3", selected: true }
];

const arr2 = [
    { id:"1", selected: true },
    { id:"2", selected: false },
    { id:"3", selected: true }
];

checkAllSelected(arr1); // 提示所有都是true
checkAllSelected(arr2); // 提示不是所有都是true

方法2：使用some()反向判断 #

Array.prototype.some()用于检查数组中是否存在至少一个元素满足条件，我们可以用它反向判断是否存在未选中的元素：

function checkAllSelected(arr) {
  // 检查是否存在selected不为true的对象
  const hasUnselected = arr.some(item => item.selected !== true);
  const allSelected = !hasUnselected;
  
  if (allSelected) {
    alert("所有对象的selected属性都是true");
  } else {
    alert("存在未选中的对象");
  }
  return allSelected;
}

方法3：手动遍历（兼容旧环境） #

如果需要兼容不支持ES6数组方法的旧环境，可以用手动循环实现：

function checkAllSelected(arr) {
  let allSelected = true;
  for (let i = 0; i < arr.length; i++) {
    if (arr[i].selected !== true) {
      allSelected = false;
      break; // 一旦找到不满足的元素，立即终止循环
    }
  }
  
  if (allSelected) {
    alert("所有对象的selected属性都是true");
  } else {
    alert("不是所有对象的selected属性都是true");
  }
  return allSelected;
}

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