JavaScript扩展运算符和条件，为什么它不适用于数组

发布于07月06日

这是我得不到的.

使用object时，true和false都可以正常工作.表达式(false && { teacher: 2 })显然是false，扩散算子根本没有抱怨:

console.log({
  ...(true && { foo: 'bar' }),
  ...(false && { bar: 'baz' }),
});

结果{ foo: 'bar' }.

另一方面，这不适用于数组，或者更好地说，只适用于true个条件:

console.log([
  'foo',
  ...(true && ['bar']),
  ...(false && ['baz']),
]);

TypeError:(false&amp；["baz"])不可编辑

推荐答案

好的，根据docs，扩散算子最初只适用于iterables(例如数组，对象不可iterable)，你可以将其用于对象，因为他们后来添加了这个特性，但事实上，用于对象的扩散算子是Object.assign的"包装器".

就你而言:

对象大小写:

console.log({
  ...(true && { foo: 'bar' }),
  ...(false && { bar: 'baz' }),
});

因为基本上，在"虚假"条件下，它可以:

console.log(Object.assign({}, false)) // Output: { }

数组情况:

console.log([
  'foo',
  ...(true && ['bar']),
  ...(false && ['baz']),
]);

在这种情况下不起作用，因为在"falsy"条件下，js将在false上搜索iterable方法，当然它不存在，因此会产生错误

实用课程推荐