Can Javascript execute an OR statement?

Question

Can Javascript execute an OR statement?

I am trying to filter an array where the parameters can be "true", "false", or "true || false". I am struggling to find a way to retrieve the "true || false" part. Is it feasible?

Below is the code for filtering the array:

const filtered = data.filter(entry => 
                    entry.brokerage == brokerage
                    && entry.insurance == insurance
                )

Here is my attempt to return true/false/true || false:

const brokerage = showInsurance && showBrokerage ? true || false : showBrokerage ? true : false
const insurance = showInsurance && showBrokerage ? true || false : showInsurance ? true : false

The brokerage and insurance variables will always return true and not just true or false if both showInsurance and showBrokerage are true.

I am using Vue.js for this project, but I understand that this question pertains more to JavaScript. I realize this may be an unusual inquiry, but any tips or assistance would be greatly appreciated.

javascript vue.js

Answer 1

Answer №1

Assuming that the values are either strictly true or false and match the properties of entry, the code below demonstrates a simple approach:

const filtered = data.filter(entry => 
            entry.brokerage == showBrokerage
            && entry.insurance == showInsurance
)

The casting in the initial code snippet seems unnecessarily complex and convoluted.

In cases where showBrokerage could potentially be undefined and should not be included in the filter, a multi-pass operation may be necessary. This involves conditionally applying filter() operations, like

if (condition) { set = set.filter(...) }

Answer 2

Assuming that the values are either strictly true or false and match the properties of entry, the code below demonstrates a simple approach:

const filtered = data.filter(entry => 
            entry.brokerage == showBrokerage
            && entry.insurance == showInsurance
)

The casting in the initial code snippet seems unnecessarily complex and convoluted.

In cases where showBrokerage could potentially be undefined and should not be included in the filter, a multi-pass operation may be necessary. This involves conditionally applying filter() operations, like

if (condition) { set = set.filter(...) }

Answer 3

Answer №2

When you use the == operator, it can add unnecessary complexity to your code, which is why you may have had to ask for clarification in the first place.
Essentially, the benefit of using loose type operators is often outweighed by the drawback of the result not being easily predictable (without actually testing it) for most developers.

Additionally,

const brokerage = showInsurance && showBrokerage? true || false : showBrokerage ? true : false

could be refactored as

const brokerage = !(!showInsurance || !showBrokerage) || !!(showBrokerage);

or alternatively as

const brokerage = !(!(showInsurance && showBrokerage) && !showBrokerage);

In regards to your specific query about true || false:

The Logical OR || operator returns the value of the first operand if it is truthy, and the value of the second operand otherwise. Importantly, the second operand is only evaluated if the first one is falsy.

In the scenario of true || false, since true is truthy, it is returned and false is never assessed. Therefore, true || false essentially just evaluates to true.

Due to the nature of this operation, the second operand can even be an invalid JavaScript expression:

true || invalidExpression // returns true

Answer 4

When you use the == operator, it can add unnecessary complexity to your code, which is why you may have had to ask for clarification in the first place.
Essentially, the benefit of using loose type operators is often outweighed by the drawback of the result not being easily predictable (without actually testing it) for most developers.

Additionally,

const brokerage = showInsurance && showBrokerage? true || false : showBrokerage ? true : false

could be refactored as

const brokerage = !(!showInsurance || !showBrokerage) || !!(showBrokerage);

or alternatively as

const brokerage = !(!(showInsurance && showBrokerage) && !showBrokerage);

In regards to your specific query about true || false:

The Logical OR || operator returns the value of the first operand if it is truthy, and the value of the second operand otherwise. Importantly, the second operand is only evaluated if the first one is falsy.

In the scenario of true || false, since true is truthy, it is returned and false is never assessed. Therefore, true || false essentially just evaluates to true.

Due to the nature of this operation, the second operand can even be an invalid JavaScript expression:

true || invalidExpression // returns true

Can Javascript execute an OR statement?

Answer №1

Answer №2

Similar questions

The issue with Internet Explorer failing to adhere to the restrictions set on maximum width and

Using the v-for directive before applying the Vue directive

The promise for fetching is still not defined, despite the value appearing in the console.log output

The reduce function is displaying an undefined result

Using jQuery to submit data via POST method without having the page reload

Having trouble with the post method being not allowed in your SPA Vue on Laravel application? Have you tried

What is preventing the direct passing of the dispatch function from a useState hook into an onClick handler function?

Encountering the error message "Cannot GET /" in a NodeJS Express

"Learn how to add up elements in an array based on their unique IDs and generate a new array using

What is the best way to implement a modal that can toggle dark mode using the Konami code, with the added functionality of a close button?

Can someone explain the meaning of [Object: null prototype] when using url.parse() with nodeJS?

experimenting with adding fresh choices to dropdown menu using ajax and jquery

Transform the display format of the input type date field from 'MM/DD/YYYY' to 'February 5, 2012' in a React.js application using Material-UI's TextField component

Navigating through JQuery

Interact with Dialogflow using fulfillment to retrieve responses by opening an HTTP URL

Discover the process of integrating PWA features into an Express web application

Navigating through Object Arrays in JavaScript

3D model suddenly transforming into darkness as it loads the mtl file

Is there a way to transform a string property into a custom type in a TypeScript array?

Detect keypress within a BrowserWindow even when multiple BrowserView components are present