Zwięzła/zwięzła składnia dla "opcjonalnych" kluczy obiektów w ES6/ES7?

Question

Istnieje już wiele cool features w ES6/ES7 do definiowania obiektów JavaScript. Jednak w kodzie JavaScript często występuje następujący wzór:

const obj = { 
    requiredKey1: ..., 
    requiredKey2: ... 
}; 

if (someCondition) { 
    obj.optionalKey1 = ...; 
} 

Czy istnieje sposób na zdefiniowanie obiektu jednocześnie za pomocą przycisków opcjonalnych i wymaganych?

Answer 1

Można użyć object spread mieć opcjonalną właściwość.

Uwaga: Object Rest/Spread to propozycja etapu 3 dla ECMAScript. Prawdopodobnie będziesz potrzebować babel transform, aby z niego skorzystać.

let flag1 = true; 
 
let flag2 = false; 
 

 
const obj = { 
 
    requiredKey1: 1, 
 
    requiredKey2: 2, 
 
    ...(flag1 && { optionalKey1: 5 }), 
 
    ...(flag2 && { optionalKey2: 6, optionalKey2: 7 }), 
 
    ...(flag1 && { optionalKey4: 8, optionalKey5: 9 }) 
 
}; 
 

 
console.log(obj);

Answer 2

Aby wskazać optional klawisza można przypisać do niego null, jeśli warunek jest fałszywy

const someCondition = true; 
 

 
const obj = { 
 
    requiredKey1: 1, 
 
    requiredKey2: 2, 
 
    optionalKey1: someCondition ? 'optional' : null 
 
}; 
 

 
console.log(obj);

Answer 3

następujący wzór jest powszechne w JavaScript

nie powinno. Posiadanie wielu obiektów o różnych kształtach może spowodować nałożenie kary. Rekordy powinny zawsze zawierać te same klucze. Po prostu użyj

const obj = { 
    requiredKey1: …, 
    requiredKey2: …, 
    optionalKey1: someCondition ? … : undefined, 
};