JS превратить неопределенное значение в пустую строку

Question

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

const { one, two, three } = attributes;

return Object.assign( props, { 
  "data-one": one,
  "data-two": two,
  "data-three": three   
} );

Если значение свойства пустое, оно возвращает неопределенное.Я хочу, чтобы он возвращал пустую строку или в идеале не копировал пустые свойства.

Я пробовал это:

const { one, two, three } = attributes;

var oneValue = one ? one : "";
var twoValue = two ? two : "";
var threeValue = three ? three : "";

return Object.assign( props, { 
  "data-one": oneValue,
  "data-two": twoValue,
  "data-three": threeValue   
} );

Он работает, посылая пустые значения вместо неопределенных, но выглядит не оченьфантазии.Есть ли лучший способ справиться с этим?

Answer 1

 function assignNotUndefined(target, obj) {
   for(const key of Object.keys(obj)) {
    if(obj[key] !== undefined)
     target[key] = obj[key];
   }
   return target;
 }

Используется как:

const { one, two, three } = attributes;

return assignNotUndefined( props, { 
 "data-one": one,
 "data-two": two,
 "data-three": three   
});

Answer 2

@ CyberJunkie , Вы можете исправить это, используя концепцию Разрушение объекта следующим образом:

Примечание : посещение Разрушающее назначение и Разрушающее назначение - документация Mozilla.org , чтобы прочитать о Разрушающие объекты .

function getObj(attributes)
{
	const { one: newOne = '', two: newTwo = '', three: newThree = '' } = attributes;

	// var oneValue = one ? one : "";
	// var twoValue = two ? two : "";
	// var threeValue = three ? three : "";
	var props = {four: "The four", six: "The six"};

	return Object.assign( props, { 
	  "data-one": newOne,
	  "data-two": newTwo,
	  "data-three": newThree  
	} );
}

var prettyObj = JSON.stringify(getObj({one: "ObjData1.1", two: 'ObjData2', three: 'ObjData3'}), null, 4);
console.log(prettyObj)
/*
	{
	    "four": "The four",
	    "six": "The six",
	    "data-one": "ObjData1.1",
	    "data-two": "ObjData2",
	    "data-three": "ObjData3"
	}
*/

prettyObj = JSON.stringify(getObj({one: "ObjData1.2", two: 'ObjData2'}), null, 4);
console.log(prettyObj)
/*
	{
	    "four": "The four",
	    "six": "The six",
	    "data-one": "ObjData1.2",
	    "data-two": "ObjData2",
	    "data-three": ""
	}
*/

prettyObj = JSON.stringify(getObj({one: "ObjData1.2"}), null, 4)
console.log(prettyObj)
/*
	{
	    "four": "The four",
	    "six": "The six",
	    "data-one": "ObjData1.2",
	    "data-two": "",
	    "data-three": ""
	}
*/

Наконец, вы можете взглянуть на приведенный ниже код, который я выполнил для NODE REPL , поскольку он представляет разницу между const { one: newOne = '', two: newTwo = '', three: newThree = '' } = attributes; и const { one = '', two = '', three = '' } = attributes; заявлений.

H:\RishikeshAgrawani\Projects\Stk\UndefinedValue>node
>
> // Example 1
undefined
>
> attributes = {one: "ObjData1.2", two: 'ObjData2'}
{ one: 'ObjData1.2', two: 'ObjData2' }
>
> const { one: newOne = '', two: newTwo = '', three: newThree = '' } = attributes;
undefined
>
> one
ReferenceError: one is not defined
>
> newOne
'ObjData1.2'
>
> newTwo
'ObjData2'
>
> newThree
''
>
> // Example 2
undefined
> attributes2 = {one: "ObjData1.2", two: 'ObjData2'}
{ one: 'ObjData1.2', two: 'ObjData2' }
>
> const { one = '', two = '', three = '' } = attributes;
undefined
> one
'ObjData1.2'
> two
'ObjData2'
> three
''
>

Спасибо.

Answer 3

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

const attributes = { one: 'one' };
const { one = '', two = '', three = '' } = attributes;
const props = {}

console.log(Object.assign( props, { 
  "data-one": one,
  "data-two": two,
  "data-three": three
}));

Наконец, если у вас много общего поведения, вы можете просто назвать свойства, которые вы хотите скопировать, и написать цикл.