博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
怎么获得数组里面所有对象的长度?
阅读量:6957 次
发布时间:2019-06-27

本文共 1717 字,大约阅读时间需要 5 分钟。

我现在从后端获取了一个数组,数组里面有n个对象,对象里面又有n个数组,当然里面也有对象,可能描述有点混乱,下面有代码可以一目了然,我现在要做的是获取数组里的数组对象的所有个数,然后再获得对象里name为a的个数,我首先想到的是for循环和便利函数,这两种方法都能便利出每个数组里的对象个数,但是怎么全部加起来呢?然后我试了累加的方法实现不了,也可能是我的技术不行,后来我就问了一下公司的前端同事,短短 的几行代码就达到了我要的目的,实在是佩服,感觉后期肯定能用到,所以在这里整理出来,毕竟自己技不如人。。好了,上代码。

<template>

<div class="hello">

name为a的个数:{

{medalStatus.nameLength}}

总个数:{

{medalStatus.total}}

</div>

</template>

<script>

export default {

name: "HelloWorld",data () {  return {    lists: ''  }},methods: {  getData () {    var listArry = [      {        typeList: [          {            id: 1,            name: "a"          },          {            id: 2,            name: "b"          },          {            id: 3,            name: "c"          }        ],        type: 1      },      {        typeList: [          {            id: 2,            name: "b"          },          {            id: 3,            name: "a"          }        ],        type: 2      },      {        typeList: [          {            id: 3,            name: "c"          }        ],        type: 3      },      {        typeList: [          {            id: 4,            name: "d"          }        ],        type: 4      },      {        typeList: [          {            id: 5,            name: "a"          }        ],        type: 5      }    ]    this.lists = listArry  }},computed: {  medalStatus () {    console.log(this.lists)    let total = 0    let nameLength = 0    this.lists.forEach(dict => {      let nameList = dict.typeList.filter(item => item.name === "a")      nameLength = nameLength + nameList.length      total = total + dict.typeList.length    })    return {      nameLength,      total    }  }},created: function () { this.getData()}

}

</script>

转载地址:http://frmil.baihongyu.com/

你可能感兴趣的文章
ORA-31623: a job is not attached to this session via the specified handle
查看>>
mysql索引
查看>>
http服务器的目录安全性配置
查看>>
部署k8s ssl集群实践10:work节点基础环境
查看>>
Linux下DHCP中继代理配置
查看>>
如何在Xcode中添加依赖的lib工程
查看>>
linux使用nfs、portmap服务共享远程磁盘的方法
查看>>
usermod、用户密码管理、mkpasswd
查看>>
iptables表的备份和恢复、firewalld的9个zone、zone操作、service操作
查看>>
网友精选25个Java试题分享
查看>>
网络工程师必备的好帮手usb转console调试线
查看>>
加密文件系统EFS
查看>>
怎样禁止修改ip地址
查看>>
Filebeat的Registry文件解读
查看>>
Iphone H5上传照片被旋转
查看>>
深入理解Java中的组合和继承
查看>>
Spring - constructor-arg和property的使用示例
查看>>
如何查看CentOS版本方法
查看>>
puppet之master/agent模型详解
查看>>
我的友情链接
查看>>