'How to optimize multiple variable check

const {
    service,
    customer,
    company,
    parking,
    aircraftType,
    aircraft,
    endPlan,
    startPlan,
    heatingPointsMasterCodes,
    lavatoryType,
    passengersCategory } = formValues;

useEffect(() => {
    customer &&
        company &&
        (parking || service === ReferenceCodesOfServicesEnum.ProvisioningMinibus) &&
        aircraftType &&
        aircraft &&
        endPlan &&
        startPlan &&
        (heatingPointsMasterCodes ||
            lavatoryType ||
            passengersCategory ||
            formValues[DocumentItemNamesEnum.WaterSystemMaintenance] ||
            service === ReferenceCodesOfServicesEnum.AircraftCooling)
        ? setDisabled(false)
        : setDisabled(true);
}, [formValues]);

So my question is, how to optimize or reduce variable check for true value? First i get variables with destructing from object, then check same variables for true value. I think i can somehow optimize this, but dont know how



Solution 1:[1]

In general if you have a series of if checks you could consider turning it into a switch instead. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch

Since you're mostly checking to make sure things are defined, but also have some more nuanced requirements, it may be better break it up slightly:

// Properties required irrespective of environment properties in DocumentItemNamesEnum or  ReferenceCodesOfServicesEnum
const requiredProperties = ["customer",
"company", "aircraftType",
"aircraft", "endPlan",
"startPlan"]

const requiredPropertiesDefined = requiredProperties.every(value => !!value)

useEffect(() => {
   if (requiredPropertiesDefined && 
       (formValues.parking || formValues.service === ReferenceCodesOfServicesEnum.ProvisioningMinibus) &&
   && (formValues.heatingPointsMasterCodes ||
  formValues.lavatoryType ||
  formValues.passengersCategory ||
  formValues[DocumentItemNamesEnum.WaterSystemMaintenance] ||
  service === ReferenceCodesOfServicesEnum.AircraftCooling) {
   setDisabled(true)
} else {
   setDisabled(false
   }
}, [formValues])

Solution 2:[2]

If you want to check if all values of object are truthy then following code can be used.

Object.values(formValues).every(value => !!value)

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 Supriya Gole