检查嵌套对象数组的更好方法是什么

Question

我想检查至少一个选中的字段是否为真且未被禁用：

const test = 
  [ { Title: 
      { Article: { checked: true,  disabled: true  } 
      , Desc:    { checked: false, disabled: false } 
    } } 
  , { News: 
      { Dashboard: { checked: false, disabled: false} 
    } }
  ] 

我试过这样：

const checkedItems = () => {
  let value = false;
  test.forEach(el => Object.entries(el).forEach(([title, checkboxProps]) => {
    Object.entries(checkboxProps).forEach(([name, config]) => {
      if (config["checked"] && !config["disabled"]) {
        value = true
      }
    })
  }))
  return value;
};

Answer 1

几个flatMaps 和Object.values 可以做得相当干净。

const test = [{
  Title: {
    Article: {
      checked: true,
      disabled: true
    },
    Desc: {
      checked: false,
      disabled: false
    }
  }
}, {
  News: {
    Dashboard: {
      checked: false,
      disabled: false
    }
  }
}];

const atLeastOneCheckedAndNotDisabled = test
  .flatMap(Object.values)
  .flatMap(Object.values) // now we have an array of [{checked, disabled}]
  .some(innerObj => innerObj.checked && !innerObj.disabled);
  
console.log(atLeastOneCheckedAndNotDisabled);

你不关心键，只关心值，所以Object.values 比Object.entries 更容易使用。