Nested If Statement Inside Javascript Variable

Question

I have a javascript variable that is a consolidation of many different lines of text (html markup). See below. the info from the image property of the data object I'm injecting into this function may or may not be blank. So, I want a basic if statement to check if it is blank and output some other text if it is.

function(data) {

    var div = [
        <a href="/profile/'+data.message.name+'">',
            if (data.message.image == "") {
                // Some other string
            }
            <img src="/images/profiles/'+data.message.image+'" alt="#"/>',
        </a>',  
    ].join('');
}

Is it possible to nest an If statement in a variable like this? If so, what's the proper syntax?

Thanks!

Conditional (ternary) Operator

Arun P Johny
– Arun P Johny

2016-02-09 04:19:08 +00:00
Commented Feb 9, 2016 at 4:19 — Arun P Johny
– Arun P Johny, Commented Feb 9, 2016 at 4:19
You can't mix JavaScript and HTML like that...

Jeremy J Starcher
– Jeremy J Starcher

2016-02-09 04:22:40 +00:00
Commented Feb 9, 2016 at 4:22 — Jeremy J Starcher
– Jeremy J Starcher, Commented Feb 9, 2016 at 4:22
Thanks, Arun. That worked.

Matt Pierce
– Matt Pierce

2016-02-09 04:29:21 +00:00
Commented Feb 9, 2016 at 4:29 — Matt Pierce
– Matt Pierce, Commented Feb 9, 2016 at 4:29
It helps if you post code without obvious syntax errors.

RobG
– RobG

2016-02-09 04:31:57 +00:00
Commented Feb 9, 2016 at 4:31 — RobG
– RobG, Commented Feb 9, 2016 at 4:31

marc_s · Accepted Answer · 2016-10-02 12:26:43Z

1

Conditional (Ternary) Operator

JavaScript also contains a conditional operator that assigns a value to a variable based on some condition.

Syntax

variablename = (condition) ? value1:value2

edited Oct 2, 2016 at 12:26

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Feb 9, 2016 at 4:27

Gomzy

4314 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aniket Bhange · Accepted Answer · 2016-02-09 04:35:03Z

0

I don't know for what you want to write this kind of code you can use Jquery append method for your solution.

For your code this will work

div = []
div.push '<a href="/profile/'+data.message.name+'">'
if data.message.image == ""
    //do something
    div.push "someting"
div.push '<img src="/images/profiles/'+data.message.image+'" alt="#"/>'
div.push '</a>'
div.join('')

This code is written in coffee but you will understand it.

answered Feb 9, 2016 at 4:35

Aniket Bhange

559 bronze badges

Comments

Rayon · Accepted Answer · 2016-02-09 04:38:30Z

0

"" will be falsey value hence you could try the same using || operators.

Try this:

function test(data) {
  var image = 'Some other string';
  var div = [
    '<a href="/profile/' + data.message.name + '">',
    '<img src="/images/profiles/' + (data.message.image || image) + '" alt="#"/>',
    '</a>'
  ].join('');
  alert(div);
}
test({
  message: {
    name: 'Test Name',
    image: ''
  }
});

edited Feb 9, 2016 at 4:38

answered Feb 9, 2016 at 4:33

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

Collectives™ on Stack Overflow

Nested If Statement Inside Javascript Variable

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related