Tips for streamlining a conditional statement with three parameters

Question

Tips for streamlining a conditional statement with three parameters

Looking to streamline this function with binary inputs:

export const handleStepCompletion = (userSave: number, concur: number, signature: number) => {
    if (userSave === 0 && concur === 0 && signature === 0) {
        return {completed: false, active: true, error: false};
    }
    if ((userSave === 1 && concur === 0 && signature === 0) ||
        (userSave === 1 && concur === 1 && signature === 0)) {
        return {completed: true, active: true, error: false};
    }
    if (userSave === 1 && concur === 0 && signature === 1) {
        return {completed: false, active: false, error: true};
    }
};

javascript typescript material-ui

Answer 1

Answer №1

If you're just starting out, a structure like this might help:

const determineStepStatus = (userSave: number, concur: number, signature: number) => {
    return {
        completed: (userSave && concur && signature),
        active: (userSave && !signature && !concur),
        error: (signature && !concur)
    }
};

Remember, this is a basic outline and may not cover every scenario. Feel free to enhance the logic as needed.

Answer 2

If you're just starting out, a structure like this might help:

const determineStepStatus = (userSave: number, concur: number, signature: number) => {
    return {
        completed: (userSave && concur && signature),
        active: (userSave && !signature && !concur),
        error: (signature && !concur)
    }
};

Remember, this is a basic outline and may not cover every scenario. Feel free to enhance the logic as needed.

Answer 3

Answer №2

const checkStepCompletion = (user: number, concurrence: number, sign: number) => {

    if (user === 0 && concurrence === 0 && sign === 0) {
        return {completed: false, active: true, error: false};
    }
    if(user === 1 && concurrence === 0 || sign === 0){
        return {completed: true, active: true, error: false};
    }
    if (user === 1 && concurrence === 0 && sign === 1) {
        return {completed: false, active: false, error: true};
    }
}

Give this a try! I combined two conditions into one for more clarity.

Answer 4

const checkStepCompletion = (user: number, concurrence: number, sign: number) => {

    if (user === 0 && concurrence === 0 && sign === 0) {
        return {completed: false, active: true, error: false};
    }
    if(user === 1 && concurrence === 0 || sign === 0){
        return {completed: true, active: true, error: false};
    }
    if (user === 1 && concurrence === 0 && sign === 1) {
        return {completed: false, active: false, error: true};
    }
}

Give this a try! I combined two conditions into one for more clarity.

Answer 5

Answer №3

Here is my solution, concise and efficient

const processStep = (saveStatus, confirmation, completedSignature) => {

    return {completed: Boolean(completedSignature) ? false : Boolean(saveStatus), 
           active: Boolean(completedSignature) ? false : !Boolean(confirmation), 
            error: Boolean(completedSignature)};
 
};

const output = processStep(0, 0, 0);
console.log(output)

Answer 6

Here is my solution, concise and efficient

const processStep = (saveStatus, confirmation, completedSignature) => {

    return {completed: Boolean(completedSignature) ? false : Boolean(saveStatus), 
           active: Boolean(completedSignature) ? false : !Boolean(confirmation), 
            error: Boolean(completedSignature)};
 
};

const output = processStep(0, 0, 0);
console.log(output)

Answer 7

Answer №4

What are your thoughts on this? I have removed the parameter types for it to be displayed correctly in the comment section, and included all potential scenarios that I could think of.

const evaluateStepStatus1 = (userSave, concur, signature) => {
 return {
 completed: (userSave === 1 && concur === 0 && signature === 0) ||
        (userSave === 1 && concur === 1 && signature === 0),
        active: (userSave === 0 && concur === 0 && signature === 0) ||  (userSave === 1 && concur === 0 && signature === 0) || (userSave === 1 && concur === 1 && signature === 0),
        error: (userSave === 1 && concur === 0 && signature === 1)
        };

};

 const evaluateStepStatus2 = (userSave, concur, signature) => ({
    completed: !!(userSave && !signature),
    active: !!(!(!userSave && concur) && !signature),
    error: !!(userSave && !concur && signature),
  });
  
 console.log(evaluateStepStatus1(0,0,0), evaluateStepStatus2(0,0,0))
console.log(evaluateStepStatus1(1,0,0), evaluateStepStatus2(1,0,0))
console.log(evaluateStepStatus1(0,1,0), evaluateStepStatus2(0,1,0))
console.log(evaluateStepStatus1(0,0,1), evaluateStepStatus2(0,0,1))
console.log(evaluateStepStatus1(0,1,1), evaluateStepStatus2(0,1,1))
console.log(evaluateStepStatus1(1,1,1), evaluateStepStatus2(1,1,1))
console.log(evaluateStepStatus1(1,1,0), evaluateStepStatus2(1,1,0))
console.log(evaluateStepStatus1(1,0,1), evaluateStepStatus2(1,0,1))

Answer 8

What are your thoughts on this? I have removed the parameter types for it to be displayed correctly in the comment section, and included all potential scenarios that I could think of.

const evaluateStepStatus1 = (userSave, concur, signature) => {
 return {
 completed: (userSave === 1 && concur === 0 && signature === 0) ||
        (userSave === 1 && concur === 1 && signature === 0),
        active: (userSave === 0 && concur === 0 && signature === 0) ||  (userSave === 1 && concur === 0 && signature === 0) || (userSave === 1 && concur === 1 && signature === 0),
        error: (userSave === 1 && concur === 0 && signature === 1)
        };

};

 const evaluateStepStatus2 = (userSave, concur, signature) => ({
    completed: !!(userSave && !signature),
    active: !!(!(!userSave && concur) && !signature),
    error: !!(userSave && !concur && signature),
  });
  
 console.log(evaluateStepStatus1(0,0,0), evaluateStepStatus2(0,0,0))
console.log(evaluateStepStatus1(1,0,0), evaluateStepStatus2(1,0,0))
console.log(evaluateStepStatus1(0,1,0), evaluateStepStatus2(0,1,0))
console.log(evaluateStepStatus1(0,0,1), evaluateStepStatus2(0,0,1))
console.log(evaluateStepStatus1(0,1,1), evaluateStepStatus2(0,1,1))
console.log(evaluateStepStatus1(1,1,1), evaluateStepStatus2(1,1,1))
console.log(evaluateStepStatus1(1,1,0), evaluateStepStatus2(1,1,0))
console.log(evaluateStepStatus1(1,0,1), evaluateStepStatus2(1,0,1))

Tips for streamlining a conditional statement with three parameters

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

The interaction between a JavaScript function call and C# is not functioning properly

What are some ways to improve performance in JavaScript?

Ensuring form field accuracy through server-side validation using Ajax - Mastering the art of Ajax

Tips for expanding button width in 'react-native-swipeout' to enable swipe action on ListView row (React Native)

Creating a dedicated class or module specifically designed for handling import and export tasks is a highly efficient approach towards stream

Will the .replaceWith() method alter the code visible to search engines?

The Angular error message InvalidValueError is thrown when the Map function expects a mapDiv of type HTMLElement, but instead receives a

Having trouble setting a JavaScript variable with a PHP session variable

Tips for incorporating a visible marker beside the dropdown arrow

Is there a way for me to move the dot icon along the dotline?

Adjust the colors of two elements by clicking a button's onclick event

Issues with React's onSelect event functionality are persisting

Guide to importing a markdown document into Next.js

Using jQuery to loop through a table and retrieve the button value from every row

`Is it possible to modify the background color of InputAdornment in Material-UI TextField?`

Stop unauthorized pages from hijacking login cookies

Utilizing ExtJS and its control feature

Unable to obtain a response even after providing the correct API key in a Node.js POST request

After retrieving a value from attr(), the object does not have the 'split' method available

What is the best way to retrieve data in Vue from Node.js?