Ternary operator issues

1

Is there a way i can include the break statement in a ternary operator in this scenario?
I am trying to replace the if… else inside a loop for a ternary operator. I stated my condition and wrote the code to run but after i thought, and included a break keyword or statement ( i don’t know what it’s called…with semi-colon though) i got an error even after providing the else part. I would have to remove the break statement before the code will be valid.

Also, how can i successfully skip an else part of a ternary operator - just like if without an else? I have searched for that thread on stackoverflow, but i am not understanding what the solution was – a newbie

Sorry i am not providing a code snippet, but i think i am explained well enough.

2

To your first question, I wouldn’t use a break inside of a ternary. Its hard to say for sure without your code, but it would be very strange.

If you want to skip the else case of a ternary, then you probably don’t want to use a ternary. Again, specific code would help.

1 Like
3

We would need to see the code that you’re trying to replace and what you are trying to accomplish in order to help. It sound’s though like you are trying to do something that you really do not want to use a ternary for.

2 Likes
4

a snippet of what i wrote:

for (let i = name.length - 1; i >= 0; --i) {

    let splitContact = names[i].split(':');

    console.log(splitContact);

    (splitContact[0].toLowerCase() === searchName) ? para.textContent = `${splitContact[0]}'s number is ${splitContact[1]}.` break;  :para.textContent = `Not found`;

  }

i don’t know how i am going to make it work with a ternary operator

5

But it is possible at all?

6 
    (splitContact[0].toLowerCase() === searchName) ? para.textContent = `${splitContact[0]}'s number is ${splitContact[1]}.` break;  :para.textContent = `Not found`;

Using a ternary as part of an assignment is fairly common, but you wouldn’t do it like that. The format would be:

let myVar = someCondition ? ifTrueVal : ifFalseVal;

As far as I can see there is no purpose in your break statement.

1 Like
7

This snippet is inside a function that searches for a name. So, i am trying to stop the loop from continuing after finding the first match.
I successfully used an if… else, but just wanted to to try it out with ternary and then switch operator

8

I believe its a syntax error, as far as I can tell. And it would be so far outside of the norm that I would never do it even if I could.

1 Like
9

That’s what i got though – vs code didn’t validate it. Thank you, but i haven’t Gotten the other answer

10

You’re trying to break out of the parent for loop? You definitely wouldn’t want to write a ternary like that. Ternaries should only be used when the situation is so simple that the ternary is easier to read than an if/else block.

2 Likes
11

Okay, i get that – for now at least.
And then can i skip the else part of a ternary operator?

Say i have:
Let name = (condition) ? Value // but do nothing if the condition is not met

Just like providing an if without an else --or so

12

In that case, you should write

if (foo) {baz}

Ternaries must have three parts.

2 Likes
13

No. A ternary must have three parts (hence the name).
In that case you would just do

if(condition){
   name = value;
}

If you want to use a ternary, you need to include the else logic.
You could do this:

let name = condition ? value : undefined;

But…why?

2 Likes
14

I think i am good with the explanations. Thank you a lot.

1 Like
15

I have one more question, please.
Can a variable have more than one value stored at the same time? sounds foolish?

let me show why i asked that way.

i have this:


let searchValue = input.value.toUpperCase();

input.value = '';

input.focus();

for (let i = 0; i < names.length; i++) {

  console.log(names[i]); // why billi:1234 here on the console?

  let indexess = names[i].split(':')

  console.log(indexess); /* i said it should store inside

   indexess but i have 4 objects stored there 

   i know it's the loop result that is confusing me.

   */   

  if (searchValue === indexess[0].toLowerCase()) {

    para.textContent = `${indexess[0]}'s number is ${indexess[1]} `;

    break;

  } else {

    para.textContent = 'try again';


  }

}

}

)

what made me confused is the conversion by the loop from array to string and then to array let indexess = names[i].split(':') – i am not really sure what happened there though, but on vs code the results came from the same line. i really want to understand the result of indexess.

16

No. You can reuse the same variable name in different scopes, but they refer to different memory locations.

I’m not entirely sure what you’re talking about, you assigned indexess with a .split() method, so it would contain an array. I’m guessing that you are seeing an array of four items?

17

Yes, on the console i am seeing four different arrays when i log indexess.
More like i am asking where those arrays are stored 'cause they all came from the same line

18

I understand this and it’s not what i am talking about.

19

A very short answer to what i asking would be the explanation how the split method converted them into arrays and maybe it’s arrays in array.

20

The .split() method converts a string to an array.

In your case, it will remove all of the “:” characters and the strings in between those characters will each be an array element.

const str = "hello:world";
const arr = str.split(':');  
// arr is now ['hello', 'world']