Object.assign () игнорирует неопределенные или пустые значения

Question

Я использую Object.assign() для добавления атрибутов в HTML

const { attr1, attr2, attr3  } = attributes;

return Object.assign({ 
    ['data-attr-1']: attr1,
    ['data-attr-2']: attr2, 
    ['data-attr-3']: attr3,
});

Если значение пустое, оно все еще создает атрибут HTML.Можно ли игнорировать свойства с пустым значением?

Примечание: я могу использовать только Object.assign() для этого

Answer 1

Вы можете проверить значение и отобразить только истинные значения с объектом.

var attr1 = undefined,
    attr2 = 'foo',
    attr3 = null;

console.log(Object.assign(
    {}, 
    ...[attr1, attr2, attr3].map((v, i) => v && { ['data-attr-' + (i + 1)]: v })
));