javascript - 如何使用数组数组中的多个变量进行计算和显示(Vue+laravel)

Question

我有组织的表格列表和每个组织的表格审核，然后我想计算每个组织的平均费率(审核表中的属性之一)这是我拥有的 JSON 文件

{
   id: 17,
   name_org: "AAA company",
   picture: "default.jpg",
   headerpic: "no-preview.png",
   type: "hardware,software,network",
   review: [
    {
       review_id: 3,
       org_id: 17,
       user_id: 2,
       description: "Not bad",
       rating: 5,
    },
    {
       review_id: 4,
       org_id: 17,
       user_id: 2,
       description: "Good",
       rating: 3,
    }
   ]
},
{
    id: 18,
    name_org: "US company",
    picture: "default.jpg",
    headerpic: "no-preview.png",
    type: "hardware,software,network",
    rating: 0,
    review: [
    {
       review_id: 5,
       org_id: 18,
       user_id: 2,
       description: "Well",
       rating: 5,
    }
   ]
}

我想将每个组织中的每个评级相加，然后将评级总和除以评级数量 (AVG)，然后显示每个组织中的 AVG

methods: {
    getOrgData() {
      axios.get("api/listorgs").then(response => {
        this.ListOrgs = response.data;
      });
    }
  },
  data() {
    return {
      ListOrgs: []
    };
  },

你能告诉我这个语法吗？

Answer 1

我认为你可以在这里轻松使用 for 循环。这是一个可以解决这个问题的方法:

getAvg(organization) {
  let total = 0;
  for(var i = 0 ; i < organization.review.length; i++) {
    total += organization.review[i].rating;
  }
  let avg = total / organization.review.length;
  return avg;
}

使用此方法，您只需在模板中调用它，例如:

<div>{{ getAvg(organization) }}</div>

这是我为解决您的问题而创建的 fiddle :Get rating average

希望这有帮助。