JavaScript中有条件地向对象添加键

当我们想添加一个键值对到对象中时，我们通常会直接使用对象的语法（dot notation或bracket notation）来添加键和值。但是，有时我们需要根据一定的条件来添加键值对，这时我们就需要使用一些特殊的技巧来实现这个功能。

方式一：if语句

最简单的方式就是使用if语句来判断条件，如果符合条件就添加键值对，如果不符合条件就不添加。示例代码如下：

let obj = {};
let condition = true;

if (condition) {
  obj.key = 'value';
}

console.log(obj); // { key: 'value' }

上面的代码中，我们创建了一个空对象obj，然后定义了一个布尔变量condition，然后用if语句判断condition的值是否为true，如果是，就使用dot notation添加一个键值对。最后打印出obj验证是否添加成功。

方式二：ternary操作符

使用ternary操作符也可以实现有条件地向对象添加键值对。示例代码如下：

let obj = {};
let condition = true;

condition ? obj.key = 'value' : undefined;

console.log(obj); // { key: 'value' }

该代码使用了ternary操作符：如果condition为true，就添加一个键值对，否则不做任何操作。注意，这里使用了undefined作为false的返回值，因为这样做可以避免修改obj对象本身，但实际上这并不是必须的。如果你觉得undefined比较难理解，也可以使用null或其他标记来代替。

方式三：Object.assign()

如果你需要一次添加多个键值对，最好的方式是使用Object.assign()方法。该方法可以将多个对象合并到一个目标对象中，如果对象中有重复键名，则后面的键值对会覆盖前面的。示例代码如下：

let obj = {};
let condition = true;

Object.assign(obj, condition ? { key1: 'value1', key2: 'value2' } : {});

console.log(obj); // { key1: 'value1', key2: 'value2' }

上面的代码中，我们使用了Object.assign()方法来将一个包含两个键值对的对象合并到obj中。如果condition为false，我们传入一个空对象，这样就不会向obj中添加任何键值对。

总结

以上三种方式可以让你有条件地向对象中添加键值对。不论你选择哪种方式，都要记得谨慎处理，以免误操作导致对象中的数据被修改或丢失。