在JS中像数组一样解构对象？

Question

鉴于以下代码：

const civic = {make: 'Honda', model: 'Civic'};

function logArgs(make, model) {

  console.log(make);

  console.log(model)

}

我想做这个：

logArgs(...civic);

代替：

logArgs(civic.make, civic.model);

我得到：

(index):39 Uncaught TypeError: Found non-callable @@iterator

有什么方法可以解构像数组这样的对象，还是我试图做的事情是不可能的？

Answer 1

在参数中使用解构const civic = {make: 'Honda', model: 'Civic'};function logArgs({make, model}) {  console.log(make);  console.log(model)}logArgs(civic)

Answer 2

logArgs(...Object.values(civic))请注意，这将取决于对象的顺序，这可能很棘手

Answer 3

对于传播，您需要Symbol.iterator为对象实现 a ，因为对象没有内置迭代器。这种方法只采用值，但任何其他方法都可以工作，比如返回条目。function logArgs([make, model]) {  console.log(make);  console.log(model)}const civic = { make: 'Honda', model: 'Civic' };civic[Symbol.iterator] = function* () {    yield Object.values(civic);};logArgs(...civic);