Identify and handle multiple scenarios in JavaScript without using if statements

Question

Identify and handle multiple scenarios in JavaScript without using if statements

I have developed a function that is supposed to evaluate all scenarios and provide an immediate result if one of the cases does not match.

const addText = (data, addAlternative) => {
        return (data !== 'N/T' || data === 0 || data) ? data : addAlternative;
};
console.log(addText('N/T', 'alternative'))

When using addText('N/T', 'alternative'), I am getting N/T instead of the expected result alternative. How can I modify my code to thoroughly check all situations and return the correct answer as shown in the example?

javascript

Answer 1

Answer №1

When you see `NT` as the output, it is because of the condition set in the function where data is checked for truthy status using

data !== 'N/T' || data === 0 || data

.

To fix this issue, simply update the condition to data !== 'N/T' || data === 0, and it should work correctly.

const addDefaultTextIfIsEmpty = (data, addAlternative) => {
  return (data !== 'N/T' || data === 0) ? data : addAlternative;
};
console.log(addDefaultTextIfIsEmpty('N/T', 'alternative'))

If you want to display data when the parameter is not defined, you can use !data within the condition. In this case, you don't need to include data === 0. The !data will cover checks for null, undefined, empty, and zero.

const addDefaultTextIfIsEmpty = (data, addAlternative) => {
  return (data !== 'N/T' || !data) ? data : addAlternative;
};
console.log(addDefaultTextIfIsEmpty('N/T', 'alternative'))

Answer 2

When you see `NT` as the output, it is because of the condition set in the function where data is checked for truthy status using

data !== 'N/T' || data === 0 || data

.

To fix this issue, simply update the condition to data !== 'N/T' || data === 0, and it should work correctly.

const addDefaultTextIfIsEmpty = (data, addAlternative) => {
  return (data !== 'N/T' || data === 0) ? data : addAlternative;
};
console.log(addDefaultTextIfIsEmpty('N/T', 'alternative'))

If you want to display data when the parameter is not defined, you can use !data within the condition. In this case, you don't need to include data === 0. The !data will cover checks for null, undefined, empty, and zero.

const addDefaultTextIfIsEmpty = (data, addAlternative) => {
  return (data !== 'N/T' || !data) ? data : addAlternative;
};
console.log(addDefaultTextIfIsEmpty('N/T', 'alternative'))

Answer 3

Answer №2

In order to avoid testing if (data) when data is 'N/T', it is crucial to prevent short-circuiting from evaluating it at the end.

Your approach can be illustrated as follows:

return (false || false || true) ? ...
          ^        ^        \____ due to 'N/T' in data
          |        |         
          |        '-------- indication that data is not 0
     because of N/T in data

This leads to a result of true because the || operator only requires one expression to be true.

The solution you should aim for is:

return (data !== 'N/T' && (data === 0 || data)) ? ...
                        ^
                        |
                   remember De-Morgan's Theorem
                (search it up if unfamiliar)

Answer 4

In order to avoid testing if (data) when data is 'N/T', it is crucial to prevent short-circuiting from evaluating it at the end.

Your approach can be illustrated as follows:

return (false || false || true) ? ...
          ^        ^        \____ due to 'N/T' in data
          |        |         
          |        '-------- indication that data is not 0
     because of N/T in data

This leads to a result of true because the || operator only requires one expression to be true.

The solution you should aim for is:

return (data !== 'N/T' && (data === 0 || data)) ? ...
                        ^
                        |
                   remember De-Morgan's Theorem
                (search it up if unfamiliar)

Answer 5

Answer №3

function substituteText(value, replacement) {
    return (value !== 'N/A' || value === 0) ? value : replacement;
}

Answer 6

function substituteText(value, replacement) {
    return (value !== 'N/A' || value === 0) ? value : replacement;
}

Answer 7

Answer №4

function updateText(value, fallback) {
        return ((value && value !== 'N/T') || value === 0) ? value : fallback;
};
console.log(updateText('N/T', 'backup'))

Answer 8

function updateText(value, fallback) {
        return ((value && value !== 'N/T') || value === 0) ? value : fallback;
};
console.log(updateText('N/T', 'backup'))

Answer 9

Answer №5

/* Give this a shot */

function addDefaultIfEmpty(value, alternative) {
        return (value !== 'N/T' || value === 0) ? value : alternative;
}
addDefaultIfEmpty('N/T', 'alternate')

Answer 10

/* Give this a shot */

function addDefaultIfEmpty(value, alternative) {
        return (value !== 'N/T' || value === 0) ? value : alternative;
}
addDefaultIfEmpty('N/T', 'alternate')

Answer 11

Answer №6

When using the data in an if statement and passing 'N/T', the value changes to false. However, based on the logic provided, the value should always be true. Consider implementing this alternative solution:

const addText = (data, addAlternative) => (data && (data !== 'N/T' || data === null || data === 0)) ? data : addAlternative;
console.log(addText('N/T', 'alternative'))

Answer 12

When using the data in an if statement and passing 'N/T', the value changes to false. However, based on the logic provided, the value should always be true. Consider implementing this alternative solution:

const addText = (data, addAlternative) => (data && (data !== 'N/T' || data === null || data === 0)) ? data : addAlternative;
console.log(addText('N/T', 'alternative'))

Identify and handle multiple scenarios in JavaScript without using if statements

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

Creating a custom Angular HTTP interceptor to handle authentication headers

Tips on saving the background image URL value into a variable

When attempting to check and uncheck checkboxes with a specific class, the process fails after the first uncheck

Submitting a nested JSON body in ASP MVC

The node.js express app.get and app.post are currently malfunctioning

Definition for TypeScript for an individual JavaScript document

What is the process through which React form elements receive the event parameter?

Is it possible to loop through a subset of a collection using *ngFor?

Error Alert: Invalid type specified in React.createElement - Electron-React-Boilerplate

Custom Tooltips arrow is not receiving the CSS styling

What is the best way to prevent a fetch request from being initiated before the authentication token has been received

Utilizing URL-based conditions in Reactjs

Different ways to modify the color of a chart using am4chart

Encountering an issue where props are receiving a value of undefined within a component that is

Tips on choosing vml elements using jquery or vanilla javascript

Interaction between elements in Object3D

An error of TypeError is being encountered in AngularJS

What is the process for moving the final character to the beginning of a string?

Encountering an ERROR with the message "Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError" while attempting to apply a filter to

Form fields in Bootstrap 4 will consistently expand downward in the select dropdown menu