本文主要介绍vue中循环取对象数组里的值的方法，对大家学习怎么取对象数组的值有一定的参考价值，需要的朋友可了解看看，下面我们就来了解看看具体的实现代码。

1.数据如下，提取name和callcount

2代码.

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();
   });

    以上就是vue中怎么循环取对象数组里的值的介绍了，这里给大家介绍的是一种实现方法，仅供参考，希望对大家有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。

文本转载自脚本之家

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JS适配器模式用于什么，基本理论知识有哪些

  今天来给朋友们来说说看JavaScript适配器模式的相关资料内容，下列文章具有一定的参考价值在里面，希望爱站技术频道小编所带来理论知识点会让你有所感悟。

• 用JS如何实现手动切换和自动轮播图的效果

  这篇文章主要为大家详细介绍了js实现点击切换和自动播放的轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• jQuery冲突问题如何处理？$冲突的两个处理办法要知

  如果有使用过jQuery，都知道不同版本的jQuery存在冲突问题。因此，不同版本会有$冲突，那么我们要如何处理这个冲突呢？下面我们一起来看一看。

• BOM头是什么？添加和移除怎样操作？

  BOM头是什么？BOM也就是byte order mark，也叫做字节顺序标记。这篇文章我们主要来了解BOM添加和移除的操作，下文有示例供大家参 考，感兴趣的朋友可以了解看看。

• vue项目搭建的基础知识及操作是什么

  一、概述我们使用Vue.js一定要安装node.js吗？准确的说是使用vue-cli 搭建项目的时候需要nodejs。你也可以创建一个 .html 文件，然后通过如下方式引入 Vue，一样可以使用Vue。<!-