时间戳

首页 > 解决方案 > Angular如何计算数组中的数组数量

angular - Angular如何计算数组中的数组数量

问题描述

在角度应用程序中，我需要显示数组中的数组数量。

例子

 {
            "city_name": "LAHORE",
            "family_members": [
                {
                    "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-11128",
                    "gender": "F",
                    "name": "IREM NILGUN",
                    "age": "34",
                    "relationship": "Wife"
                },
                {
                    "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-11129",
                    "gender": "F",
                    "name": "DEFNE ALINA",
                    "age": "4",
                    "relationship": "Daughter"
                },
                {
                    "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-11130",
                    "gender": "M",
                    "name": "OMER KARAN",
                    "age": "1",
                    "relationship": "Son"
                }
            ]
        },
        {
            "city_name": "LAHORE",
            "family_members": [
                {
                    "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5933",
                    "gender": "F",
                    "name": "RAFIA SAQIB",
                    "age": "2",
                    "relationship": "Daughter"
                },
                {
                    "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5934",
                    "gender": "M",
                    "name": "MUHAMMAD MAAZ",
                    "age": "10",
                    "relationship": "Son"
                },
                {
                    "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5935",
                    "gender": "F",
                    "name": "GULZAREEN SAQIB",
                    "age": "29",
                    "relationship": "Wife"
                },
                {
                    "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5936",
                    "gender": "M",
                    "name": "MUSAB SAQIB",
                    "age": "8",
                    "relationship": "Son"
                }
            ]
        }

由于有 2 个数组，并且数组中有家庭成员数组。在第一个阵列中，我有 3 个家庭成员，在 2 个阵列中，我有 4 个家庭成员。

我只需要计算数组的家庭成员。就像结果将是 7 一样。

标签： angular

解决方案

尝试这个：

const data = [{ "city_name": "LAHORE", "family_members": [ { "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-11128", "gender": "F", "name": "IREM NILGUN", "age": "34", "relationship": "Wife" }, { "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-11129", "gender": "F", "name": "DEFNE ALINA", "age": "4", "relationship": "Daughter" }, { "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-11130", "gender": "M", "name": "OMER KARAN", "age": "1", "relationship": "Son" } ] }, { "city_name": "LAHORE", "family_members": [ { "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5933", "gender": "F", "name": "RAFIA SAQIB", "age": "2", "relationship": "Daughter" }, { "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5934", "gender": "M", "name": "MUHAMMAD MAAZ", "age": "10", "relationship": "Son" }, { "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5935", "gender": "F", "name": "GULZAREEN SAQIB", "age": "29", "relationship": "Wife" }, { "user_id": "IGT\/D\/PHI3\/0000000002\/0118\/003-5936", "gender": "M", "name": "MUSAB SAQIB", "age": "8", "relationship": "Son" } ] }]
        
const result  =  data.map(res=>res.family_members.length).reduce((acc,ele)=>acc+ele,0);

console.log(result);

推荐阅读