我想创建一个对象，有条件地添加成员。 简单的方法是:
var a = {};
if (someCondition)
a.b = 5;
现在，我想写一个更习惯的代码。我在努力:
a = {
b: (someCondition? 5 : undefined)
};
但是现在，b是a的一个元素，它的值是未定义的。这不是我们想要的结果。
有没有方便的解决办法?
更新
我寻求一个解决方案，可以处理一般情况与几个成员。
a = {
b: (conditionB? 5 : undefined),
c: (conditionC? 5 : undefined),
d: (conditionD? 5 : undefined),
e: (conditionE? 5 : undefined),
f: (conditionF? 5 : undefined),
g: (conditionG? 5 : undefined),
};
当前回答
const obj = {
...(condition) && {someprop: propvalue},
...otherprops
}
现场演示:
Const obj = { (true) && {someprop: 42}， …(false) && {nonprop: "foo"}， …({})&&{狡猾的:"hello"}， ｝ console.log (obj);
其他回答
在纯Javascript中，我想不出比第一个代码片段更习惯的东西了。
但是，如果使用jQuery库不是不可能的，那么$.extend()应该可以满足您的需求，因为正如文档所述:
未定义的属性不会被复制。
因此，你可以这样写:
var a = $.extend({}, {
b: conditionB ? 5 : undefined,
c: conditionC ? 5 : undefined,
// and so on...
});
并获得您期望的结果(如果条件b为假，则b将不存在于a中)。
这可能是ES6中最短的解决方案
console.log({
...true && {foo: 'bar'}
})
// Output: {foo:'bar'}
console.log({
...false && {foo: 'bar'}
})
// Output: {}
使用lodash库，您可以使用_.merge
var a = _.merge({}, {
b: conditionB ? 4 : undefined,
c: conditionC ? 5 : undefined,
})
如果条件b为假，条件c为真，则a = {c: 5} 如果条件b和条件c都为真，则a = {b: 4, c: 5} 如果条件b和条件c都为假，则a = {}
如果目标是让对象看起来是自包含的，并且在一组大括号中，你可以尝试这样做:
var a = new function () {
if (conditionB)
this.b = 5;
if (conditionC)
this.c = 5;
if (conditionD)
this.d = 5;
};
我的建议如下:
const a = {
...(someCondition? {b: 5}: {})
}
