如何在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(...);

否则如果this.list只是一个普通对象，你可以这样做：

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

Answer 2

这里可以遍历Vue中的观察者数组：

let keys = Object.keys(myObserverArray);

keys.forEach(key => {
   let item = myObserverArray[key];
   //...work with item
})