迭代枚举对象中多个数组的键值对

Question

我的问题是关于以下函数的：

function loadConfigurations(configs){
  console.log(configs);
}

loadConfigurations 函数接收的 'configs' 对象包含两个属性——两个数组，一个称为 "assigned"，另一个称为 "unassigned"。并执行 console.log(configs) 输出以下内容：

"Object{assigned: Array[5], unassigned: Array[1]}"

现在我想枚举 'assigned' 数组和 'unassigned array' 中每个属性的键值对。

配置对象的结构如下：

对不起伙计们。这是配置对象的结构：

var configs = {
"config1":
        {
        "assigned": [
            {
                "name": "Admin Usersss",
                "value": "admin-user"
            },
            {
                "name": "MPR User",
                "value": "mpr-user"
            },
            {
                "name": "SAMHSA User",
                "value": "samhsa-user"
            }
         ],
        "unassigned": [
            {
                "name": "States User",
                "value": "states-user"
            },
            {
                "name": "All States User",
                "value": "all-states-user"
            },
            {
                "name": "Substance Abuse User",
                "value": "substance-abuse-user"
            }
         ]
        },
"config2":
        {
        "assigned": [
            {
                "name": "Admin User",
                "value": "admin-user"
            },
            {
                "name": "MPR User",
                "value": "mpr-user"
            },
            {
                "name": "SAMHSA User",
                "value": "samhsa-user"
            },
            {
                "name": "States User",
                "value": "states-user"
            },
            {
                "name": "All States User",
                "value": "all-states-user"
            }
        ],
        "unassigned": [
            {
                "name": "Substance Abuse User",
                "value": "substance-abuse-user"
            }
        ]
    },
    "config3":
    {
        "assigned": [
            {
                "name": "Admin User",
                "value": "admin-user"
            }
        ],
        "unassigned": [
            {
                "name": "States User",
                "value": "states-user"
            },
            {
                "name": "All States User",
                "value": "all-states-user"
            },
            {
                "name": "Substance Abuse User",
                "value": "substance-abuse-user"
            },
            {
                "name": "MPR User",
                "value": "mpr-user"
            },
            {
                "name": "SAMHSA User",
                "value": "samhsa-user"
            }
            ]
        }

我该怎么做？

谢谢，厘米

Answer 1

试试这个：

if(configs.assigned != undefined && configs.assigned != null && configs.assigned.length > 0) {
         // LOOP
}

if(configs.unassigned != undefined && configs.unassigned != null && configs.unassigned.length > 0) {
     // LOOP
}

点这里Javascript unassigned var?

Answer 2

迭代对象键，然后是对象键，然后是那些键数组：

for (var config in configs) {
    for (var configType in configs[config]) {
        for (var i = 0; i < configs[config][configType].length; i++) {
            var props = configs[config][configType][i];
            console.log(props);
        }
    }
}

Answer 3

根据您发布的数据结构，您可以使用 Object.keys() 枚举父对象的键，然后遍历其中的 assigned 和 unassigned 属性。试试这个：

Object.keys(configs).forEach(function(key) {
    var config = configs[key];

    config.assigned.forEach(function(assigned) {
        console.log('A: ' + assigned.name + ', ' + assigned.value);
    });

    config.unassigned.forEach(function(assigned) {
        console.log('U: ' + assigned.name + ', ' + assigned.value);
    });
})

var configs = {
  "config1": {
    "assigned": [{
      "name": "Admin Usersss",
      "value": "admin-user"
    }, {
      "name": "MPR User",
      "value": "mpr-user"
    }, {
      "name": "SAMHSA User",
      "value": "samhsa-user"
    }],
    "unassigned": [{
      "name": "States User",
      "value": "states-user"
    }, {
      "name": "All States User",
      "value": "all-states-user"
    }, {
      "name": "Substance Abuse User",
      "value": "substance-abuse-user"
    }]
  },
  "config2": {
    "assigned": [{
      "name": "Admin User",
      "value": "admin-user"
    }, {
      "name": "MPR User",
      "value": "mpr-user"
    }, {
      "name": "SAMHSA User",
      "value": "samhsa-user"
    }, {
      "name": "States User",
      "value": "states-user"
    }, {
      "name": "All States User",
      "value": "all-states-user"
    }],
    "unassigned": [{
      "name": "Substance Abuse User",
      "value": "substance-abuse-user"
    }]
  },
  "config3": {
    "assigned": [{
      "name": "Admin User",
      "value": "admin-user"
    }],
    "unassigned": [{
      "name": "States User",
      "value": "states-user"
    }, {
      "name": "All States User",
      "value": "all-states-user"
    }, {
      "name": "Substance Abuse User",
      "value": "substance-abuse-user"
    }, {
      "name": "MPR User",
      "value": "mpr-user"
    }, {
      "name": "SAMHSA User",
      "value": "samhsa-user"
    }]
  }
}

Object.keys(configs).forEach(function(key) {
  var config = configs[key];
  config.assigned.forEach(function(assigned) {
    console.log(key + ' A: ' + assigned.name + ', ' + assigned.value);
  });
  config.unassigned.forEach(function(assigned) {
    console.log(key + ' U: ' + assigned.name + ', ' + assigned.value);
  });
})

另请注意（正如@adeneo 在对您的问题的评论中指出的那样）如果您对 assigned 和 unassigned 项目执行相同的逻辑，那么您可以将它们连接在一起并迭代一次。

如果属性之间的逻辑不同，则需要上述方法。

迭代枚举对象中多个数组的键值对

Iterate and Enumerate Key Value Pairs of Multiple Arrays in an Object

javascript

arrays

jquery

javascript-objects