How to use check multiple object properties

Spluli 0
Viewed 56

I have an if-statement: if all the properties of an object have values, then the next button will be enabled.

const handleButton = () => {
  if(
        values.streetAdress !== ""
     && values.postalCode !== ""
     && values.city !== ""
     && values.sex !== ""
     && values.birthName !== ""
     && values.birthPlace !== ""
     && values.birthday !== ""
     && values.country !== ""
     && values.family !== ""
     && values.insuranceID !== ""
  ){
    setDisabeld(false)
  }else{
    setDisabeld(true)
  }

Is there a way to shorten this expression, so all properties will be checked at once?

if-statement javascript
1 Answers

you can use the Array.prototype.every() method on the values of the object.

const isNotEmpty = Object.values(values).every((v) => v !== '')
if(isNotEmpty) {
    setDisabeld(false)
} else{
    setDisabeld(true)
}
Yarin Barnes0
Related