Vue如何循环提取对象数组中的值

最新推荐文章于 2023-08-21 09:46:56 发布

gblfy

最新推荐文章于 2023-08-21 09:46:56 发布

阅读量7.1k

点赞数

分类专栏： vue3 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_40816738/article/details/122208271

版权

vue3 专栏收录该内容

29 篇文章 4 订阅

订阅专栏

这段代码涉及了数据的提取和处理，主要从`getQueryCallStatistics`接口获取数据，然后对`callstatistics`字段进行遍历，提取`name`和`callcount`的不同部分，如巡逻、维修和缺陷的数量。数据被分别存储在不同的数组中，用于后续的展示或分析。同时，还存在一个获取理赔项目的部分，将存储的checkboxGroup遍历并推送到新的数组中。

摘要由CSDN通过智能技术生成

数据如下，提取name和callcount
在这里插入图片描述
第一种：

getQueryCallStatistics("sesp1", this.provinceId).then((res) => {
    let arr = [];
    let arr1 = [];
    let arr2 = [];
    let arr3 = [];
    let arr4 = [];
    this.xunshiMap = res.data.callstatistics;
    res.data.callstatistics.forEach((element) => {
     // arr.push([
     //  element.name,
     //  element.callcount.patrol,
     //  element.callcount.repair,
     //  element.callcount.defect
     // ]);
     arr.push([element.name, 27, 38, 27]);
     arr1.push(element.name);

     arr2.push({ value: element.callcount.defect, name: element.name,type: element.name });
     arr3.push({ value: element.callcount.patrol, name: element.name,type: element.name });
     arr4.push({ value: element.callcount.repair, name: element.name,type: element.name });
     // arr2.push({ value: 27, name: element.name });
     // arr3.push({ value: 27, name: element.name });
     // arr4.push({ value: 38, name: element.name });
    });
    this.xunshiMap = arr;
    this.xunshiPer = arr1;
    this.xunshiPer1 = arr2;
    this.qxArr = arr4;
    this.xqArr = arr2;
    this.xsArr = arr3;
    setTimeout(this.renderEachCity, 0);
    this.echartCity();
   });

第二种：

 //获取理赔项目
    getClaimProject() {
      storage.get('checkboxGroup').forEach((item, index) => {
        this.checkboxList.push({id: index, name: item})
      })
    },