JavaScript 对象属性可选实现条件赋值：无需 if 语句

当我们需要根据条件动态生成不同的数据对象时，通常会使用 if 语句来判断条件并赋值。然而，JavaScript 的对象属性可选（Optional Chaining）运算符提供了一种更简洁的方式来实现条件赋值，无需使用 if 语句。

示例代码

假设我们有两个不同的数据对象，根据变量 a 的值决定使用哪个数据对象：

let a = 1;

// 当 a=1 时，data值为
const data1 = {
  name: 'zhangsan',
  icon: 'icons'
};

// 当 a=2 时，data值为
const data2 = {
  name: 'zhangsan'
};

我们可以使用对象属性可选运算符来创建一个新的对象，根据 a 的值动态选择属性：

const newData = {
  name: a === 1 ? data1.name : undefined,
  icon: a === 1 ? data1.icon : undefined
};

console.log(newData); // 输出 { name: 'zhangsan', icon: 'icons' }

在上面的代码中，我们使用三元运算符来判断 a 的值，如果 a 等于 1，则将 data1.name 和 data1.icon 赋值给 newData 对象的对应属性，否则将属性赋值为 undefined。

总结

通过使用对象属性可选运算符，我们可以更简洁地实现条件赋值，无需使用 if 语句，使代码更易读、更易维护。