使用 map 反应验证 object 以避免空值

Question

什么是 && !(Object.keys(dataSource.attributes).length === 0)); 以下验证的替代方法，任何方式都可以作为验证/标题/渲染的映射

isProductAttributesTabEmpty() {
  const dataSource = this.getDataSource();

  return !(dataSource
    && dataSource.attributes
    && !(Object.keys(dataSource.attributes).length === 0));
}

Answer 1

您可能更喜欢的一个选择是使用可选链接结合交替使用空对象传递给 Object.keys:

isProductAttributesTabEmpty() {
  const dataSource = this.getDataSource();
  return Object.keys(dataSource?.attributes || {}).length === 0;
}