如何在vue.js 2上循环对象观察器？

Question

如果我console.log(this.list)，结果如下：

this.list.forEach(function (user) {
    selected.push(user.id);
});

存在错误：

未捕获的TypeError：this.list.forEach不是函数

我该如何解决这个错误？

Answer 1

是this.list不是数组？

如果this.list是类似数组的（length该对象上必须有一个属性），则应该能够执行以下操作：

Array.prototype.forEach.call(this.list, user => {
  // ...
})

要么

Array.from(this.list).forEach(user => {
  // ...
})

要么

[...this.list].forEach(user => {
  // ...
})

否则，如果this.list只是一个普通对象，则可以执行以下操作：

Object.keys(this.list).forEach(key => {
  const user = this.list[key]
  // ...
})

要么

Object.entries(this.list).forEach(([key, user]) => {
  // ...
})