Json数组打印为字符串？不是阵列？[重复]

Question

我目前正在从API获取数据。它存储动物检查的重量日志，如下所示。

目前，我将其存储在一个html标记中：

<h3 className='dogWeight'>Average: {item.weight}%</h3>

但它将这些数字打印成一个字符串（即100102103）。我可以把数组中的所有数字相加，只显示平均值吗？

{
   "dog":[
      {
         "weight":[
            "78",
            "100",
            "92",
            "86",
            "89",
            "88",
            "91",
            "87"
         ],
         "id":"1",

      },
      {
         "weight":[
            "75",
            "89",
            "95",
            "93",
            "99",
            "82",
            "89",
            "76"
         ],
         "id":"2",

      },

Answer 1

你可以循环查看数据。dog和通过累加解析的整数权重值并除以权重数组的长度来减少权重值。

const data = {
  "dog": [{
    "id": "1",
    "weight": [  "78", "100", "92", "86", "89", "88", "91", "87" ],
  }, {
    "id": "2",
    "weight": [ "75", "89", "95", "93", "99", "82", "89", "76" ],
 }]
};

const avg = vals => vals.reduce((sum, x) => sum + parseInt(x, 10), 0) / vals.length;

data.dog.forEach(({ id, weight }) =>
  console.log(`ID: ${id}, Avg Weight: ${avg(weight).toFixed(2)}%`));

.as-console-wrapper { top: 0; max-heightL 100% !important; }