JavaScript 三元运算中的条件后的多个动作

Question

I'm trying to create a ternary expression than when is true, i'll assign several new keys to an object. This returns an error:

const entity = {};

    element.data.icon ? 
    entity['url'] = element.data.icon.data.image[0].url 
    entity['alt'] = element.data.icon.data.image[0].alt
    entity['title'] = element.data.icon.data.image[0].title :
    entity['url'] = ''

I'm trying to get the equivalent to this:

const entity = {};
if (element.data.icon) {
        entity['url'] = element.data.icon.data.image[0].url 
        entity['alt'] = element.data.icon.data.image[0].alt
        entity['title'] = element.data.icon.data.image[0].title 
    }
    entity['url'] = '' 

How should I do it? if possible

Answer 1

Why not just use the if version? It would be more readable.

Having said that, you can use commas like so:

element.data.icon
  ? (entity['url'] = element.data.icon.data.image[0].url,
     entity['alt'] = element.data.icon.data.image[0].alt,
     entity['title'] = element.data.icon.data.image[0].title)
  : entity['url'] = '';

Answer 2

You can use the ternary to assign different complete objects:

const entity = element.data.icon 
    ? {
        url: element.data.icon.data.image[0].url, 
        alt: element.data.icon.data.image[0].alt,
        title: element.data.icon.data.image[0].title
    } 
    : { 
        url: ""
    };