Javascript / Vue JS - 检索对象中所有元素的值答案

【问题标题】：Javascript / Vue JS - Retrieve value of all elements in objectJavascript / Vue JS - 检索对象中所有元素的值
【发布时间】：2021-01-22 11:03:45
【问题描述】：

我有一个对象可以检索具有不同数值的 4 个不同元素。我正在尝试访问和检索所有这些数值。

对象返回以下内容：

{__ob__: Observer}
  collectedTrashCount: 139
  dangerousAreaCount: 11
  schoolCount: 5
  trashBinCount: 44

如果我想检索collectedTrashCount 的值，我只需执行以下操作：

computed: {
    dashboardList: function () {
      return this.$store.getters.getDashboard;
    },
    checkCount: function () {
      console.log(this.dashboardList.collectedTrashCount);
    }
  },

在这种情况下，console.log 会给我139。

我的问题是：我应该怎么做才能返回所有这些值，例如：139、11、5、44？

【问题讨论】：

标签： javascript arrays performance vue.js vuejs2

【解决方案1】：

您可以使用entries 方法将这些值映射到数组中：

checkCount: function () {
   return Object.entries(this.dashboardList).map(([key, val]) => val)

}

【讨论】：

【解决方案2】：

另一种不需要映射的简单方法是使用Object.values()：

const obj = {
  collectedTrashCount: 139,
  dangerousAreaCount: 11,
  schoolCount: 5,
  trashBinCount: 44,
}
const values = Object.values(obj)
console.log(values)

【讨论】：