In Javascript, combining strings without using a ternary operator

Question

In Javascript, combining strings without using a ternary operator

My usual approach is this:

myVar = "myString is" + 1 === 1 ? " really true" : " false, I think";

But sometimes I just need the true part, like so:

myVar = "myString is" + 1 === 1 ? " really true" : "";

The empty string : "" bothers me because it feels unnecessary.

Is there a way to achieve something similar to the following?

myVar = "myString is" + 1 === 1 && " really true";

While this alternative works, the issue arises when it's false as it then outputs "false"!

javascript string performance ecmascript-6 ecmascript-5

Answer 1

Answer №1

Why not stick with the classic if statement?

let message = 'myString is';
if (1===1){message+=' really true';}

I find this approach to be much easier to read compared to a single line boolean test.

Answer 2

Why not stick with the classic if statement?

let message = 'myString is';
if (1===1){message+=' really true';}

I find this approach to be much easier to read compared to a single line boolean test.

Answer 3

Answer №2

Being practical, the most effective approach to tackle this situation is by utilizing a helper function:

myVar = "my text is"+ myHelper(...myArguments);

The helper function will include a case/switch statement specifically designed for this purpose, making it very easy to understand.

Answer 4

Being practical, the most effective approach to tackle this situation is by utilizing a helper function:

myVar = "my text is"+ myHelper(...myArguments);

The helper function will include a case/switch statement specifically designed for this purpose, making it very easy to understand.

Answer 5

Answer №3

To achieve this, simply utilize the || operator.

exampleVar = (1 === 1 && "thisString is absolutely accurate") || "";

Answer 6

To achieve this, simply utilize the || operator.

exampleVar = (1 === 1 && "thisString is absolutely accurate") || "";

Answer 7

Answer №4

Surround the statement 1 === 1 && " really true" with parentheses (), and include || '' as shown below (also enclosed in parentheses). Alternatively, you could utilize template literals to save time from typing those +s.

let myString = "myString is" + ((1 === 1 && " really true") || '');
let myFalseString = "myString is" + ((1 === 0 && " really true") || '');
let onlyFalse = "myString is" + 1 === 1 && " really true";
let myTL = `myString is ${(1 === 1 && "really true") || ''}`;

console.log('My String:', myString);
console.log('False String:', myFalseString);
console.log('Only false:', onlyFalse);
console.log('My Template Literal:', myTL);

Although it may appear less visually appealing than including the extra : "", I would still advise following that method:

myVar = "myString is" + 1 === 1 ? " really true" : "";

Answer 8

Surround the statement 1 === 1 && " really true" with parentheses (), and include || '' as shown below (also enclosed in parentheses). Alternatively, you could utilize template literals to save time from typing those +s.

let myString = "myString is" + ((1 === 1 && " really true") || '');
let myFalseString = "myString is" + ((1 === 0 && " really true") || '');
let onlyFalse = "myString is" + 1 === 1 && " really true";
let myTL = `myString is ${(1 === 1 && "really true") || ''}`;

console.log('My String:', myString);
console.log('False String:', myFalseString);
console.log('Only false:', onlyFalse);
console.log('My Template Literal:', myTL);

Although it may appear less visually appealing than including the extra : "", I would still advise following that method:

myVar = "myString is" + 1 === 1 ? " really true" : "";

Answer 9

Answer №5

One possible approach to achieve a similar outcome is by utilizing an Array and concatenating the values that are not false. While this method may not necessarily be shorter than appending ': ''', it provides an alternative solution as there is currently no way to eliminate the need for ': '''

console.log( ["my string is", 1 === 1 && "really true"].filter(Boolean).join(" ") );
console.log( ["my string is", 1 === 2 && "really true"].filter(Boolean).join(" ") );

I personally prefer using ': ''', or creating a helper function that could resemble the following.

function concat(){
  let str = "";
  for(let s of arguments){
    str += s ? s : '';
  }
  return str;
}

console.log( concat("my string is", 1 === 1 && "really true") );
console.log( concat("my string is", 1 === 2 && "really true") );

Answer 10

One possible approach to achieve a similar outcome is by utilizing an Array and concatenating the values that are not false. While this method may not necessarily be shorter than appending ': ''', it provides an alternative solution as there is currently no way to eliminate the need for ': '''

console.log( ["my string is", 1 === 1 && "really true"].filter(Boolean).join(" ") );
console.log( ["my string is", 1 === 2 && "really true"].filter(Boolean).join(" ") );

I personally prefer using ': ''', or creating a helper function that could resemble the following.

function concat(){
  let str = "";
  for(let s of arguments){
    str += s ? s : '';
  }
  return str;
}

console.log( concat("my string is", 1 === 1 && "really true") );
console.log( concat("my string is", 1 === 2 && "really true") );

Answer 11

Answer №6

Upon examination of the ternary operator, it can be deduced that it functions as follows:

// For example: 1 === 1 ? ' is indeed true' : ''
if (1 === 1) {
    return ' is indeed true';
} else {
    return '';
}

To simplify the solution, one can eliminate the 'else' clause from the ternary operator and create a 'binary'. Utilize only an IF statement:

if (1 === 1) {
    myVar += 'is indeed true';
}

The most efficient way to implement the logic operator inline remains using the ternary operator itself. While having the 'false' part as an empty string "" is not problematic, for those who find it bothersome, creating a function and incorporating template literals can be a solution like this:

function determineTruth(evaluation) {
    if (evaluation) {
        return ' indeed true';
    }
    return '';
}

let myVar = `The Statement is ${determineTruth(1 === 1)}`;

Answer 12

Upon examination of the ternary operator, it can be deduced that it functions as follows:

// For example: 1 === 1 ? ' is indeed true' : ''
if (1 === 1) {
    return ' is indeed true';
} else {
    return '';
}

To simplify the solution, one can eliminate the 'else' clause from the ternary operator and create a 'binary'. Utilize only an IF statement:

if (1 === 1) {
    myVar += 'is indeed true';
}

The most efficient way to implement the logic operator inline remains using the ternary operator itself. While having the 'false' part as an empty string "" is not problematic, for those who find it bothersome, creating a function and incorporating template literals can be a solution like this:

function determineTruth(evaluation) {
    if (evaluation) {
        return ' indeed true';
    }
    return '';
}

let myVar = `The Statement is ${determineTruth(1 === 1)}`;

In Javascript, combining strings without using a ternary operator

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

Issue with plotted point labels failing to display correctly on X Range Chart for the initial date of each month - Highcharts

Displaying saved locations on Google Maps API

Transferring a JSON payload to a PHP script without relying on AJAX

I've recently delved into the world of JavaScript and am currently working on creating a calculator website. However, I'm facing some challenges in getting it to function

How to extract the last five words from a .txt file in PHP by utilizing the file_get_contents

Automatically proceed to the following page after the video in the Qualtrics iframe comes to an end

Pressing the enter key will submit the form

React application experiences a significant slowdown exclusively in developer mode

Guide on loading a div with a flash object without showing it on the screen (element is loaded but remains hidden)

Exploring React: Post-mount DOM Reading Techniques

Having trouble viewing the search field text in Firefox 3.6?

Incorporating a swisstopo map from an external source into an Angular

What is the importance of using mutations, setters, and getters for effectively managing state?

The pagination feature of the material-ui data grid is experiencing issues with double clicks because of its compatibility with the react-grid-layout library for

What is the best way to extract JSON data from a remote URL?

Troubleshooting undefined values returned by getStaticProps in Next.js

Steps for incorporating a variable into a hyperlink

Determine the necessary adjustment to center the div on the screen and resize it accordingly

Having trouble with custom button implementation on datatable

Persist in the face of a mishap in javascript