React validate object using map to avoid null values

Question

What would be the alternative to && !(Object.keys(dataSource.attributes).length === 0)); the following validation, any ways of this to be a map of validation / title / render

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

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

Hmm, that doesn't really help. I still don't know what you're trying to accomplish. Also, there is no `map` method in your current code. — Nick, Dec 28 '20 at 18:25
@nick `!(Object.keys(dataSource.attributes).length === 0));` is there a better way of doing the following validation? =) Sorry for the inconvenience — Shared User, Dec 28 '20 at 18:30
can't use map but can loop over Object as``` for(key in Object)``` — Naresh Teli, Dec 28 '20 at 18:32

score 2 · Accepted Answer · answered Dec 28 '20 at 18:34

2

One option you might prefer would be to use optional chaining in combination with alternating with an empty object to pass into Object.keys:

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

answered Dec 28 '20 at 18:34

CertainPerformance

356,069
52
309
320

is it possible to use `.map()`, or `.filter()` over? or the for-in loop? – Shared User Dec 28 '20 at 18:36
Nice use of the [optional chaining](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining) ;) – Louys Patrice Bessette Dec 28 '20 at 18:36
@SharedUser `.map` and `.filter` don't help because you don't need to iterate over arrays, except to check their `.length`. `for..in` could be used but would be really verbose, better to use `.length` – CertainPerformance Dec 28 '20 at 18:37

React validate object using map to avoid null values

1 Answers1