JavaScript 如何根据条件在数组和对象中添加元素和属性

本文介绍如何根据条件在数组中增加元素以及在对象中增加属性。

1 在数组中根据条件增加元素

如下代码展示了如何根据布尔类型变量 cond 来动态插入元素 'a' 到数组 arr 里。

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
// ['b']

这个技巧点在于扩展运算符 (...) 应用于数组时，如果应用于一个空数组时它什么都不做。

> [...[], 'a']
[ 'a' ]

2 在对象中按条件增加属性

同样可以把扩展运算符应用到对象上。再次使用布尔类型变量 cond 来决定是否为对象 obj 增加一个属性 a：

const cond = false;
const obj = {
  ...(cond ? {a: 1} : {}),
  b: 2,