TypeScript中如何简写条件设置可选属性？

当然有更简洁的写法！我平时写TypeScript也经常遇到这种需求，下面几种方法都能帮你在对象字面量里直接条件添加可选属性，不用像现在这样先创建对象再赋值：

1. 对象展开 + 三元运算符 #

这是最常用也最清晰的方式，通过条件判断决定是否展开包含目标属性的对象：

interface MyInterface { 
  someProp?: string; 
  someOtherProp: string; 
}

const someCondition = true; // 这里替换成你的实际条件

const object: MyInterface = {
  someOtherProp: "asd",
  ...(someCondition ? { someProp: "asdf" } : {})
};

当someCondition为真时，{ someProp: "asdf" }会被展开到对象中，相当于直接添加这个属性；当条件不满足时，展开空对象{}，不会添加任何额外属性，完美实现你想要的“属性完全不存在”的效果。

2. 对象展开 + 逻辑与（&&） #

如果你的条件是布尔值或者只会返回布尔/对象的表达式，也可以用更短的逻辑与写法：

const object: MyInterface = {
  someOtherProp: "asd",
  ...(someCondition && { someProp: "asdf" })
};

原理和上面类似：当someCondition为真时，表达式返回{ someProp: "asdf" }并被展开；当条件为假时，表达式返回假值（比如false），而对象展开会忽略非对象类型的值，所以不会添加属性。不过要注意，如果someCondition可能返回其他falsy值（比如0、''），这种写法依然有效，但三元运算符的可读性会更好一些。

补充说明 #

你原本想写的someProp: someCondition ? "asdf"这种语法是不合法的（缺少else分支），就算补全成someProp: someCondition ? "asdf" : undefined，也会让对象保留someProp键只是值为undefined，和“属性完全不存在”的效果有细微区别——虽然TypeScript的类型系统会把这两种情况都当作符合MyInterface的可选属性，但在运行时对象的键集合是不同的。上面的展开写法就能精准实现“条件满足才存在属性”的需求。

内容的提问来源于stack exchange，提问作者essi