循环遍历对象Javascript并创建Jsx和显示

我这里有两套物体 set1

set2

这里有3种不同的场景，我想循环或比较set1和set2，并在resact from set1中的JSX中显示数据。set2是在单击按钮时动态创建的

情景1： 如果set1键和set2键匹配，我想显示不匹配的值。示例-男性和女性都匹配这两组的键，因此我想显示孩子的值。 这就是选项中的kids.label和value。给婴儿和婴儿贴上标签

情景2： 如果我的set1为空，我只想显示set1中的第一个对象集。例如，如果set1为空，我只想显示set2中的men.label（men）和men.options.label（boy，Guy）值

情景3 如果set1没有与set 2匹配的键，则显示set1中的第一个set。set1中的示例动物与set2中的任何键都不匹配。因此，显示集合1中的第一组对象。即集合2中的men.men.label（men）和men.options.label（boy，Guy）。

我希望这能有所帮助

console.log（'\n\n\n正在启动方案1'）
变量集1={
男子：[[代号：“男子”，标题：“男子]，
妇女：[[代码：“妇女”，标题：“妇女”}]，
动物：[{代码：“动物”，标题：“动物”}]
}
变量集2={
男人：{value:“男人”，label:“男人”，type:“选择”，“选项”：[{label:“男孩”，value_字符串：“1”}，{label:“男孩”，value_字符串：“2”}]}，
女性：{value:“女性”，标签：“女性”，键入：“选择”，“选项”：[{label:“lady”，value_字符串：“1”}，{label:“girl”，value_字符串：“2”}]}，
孩子：{value:“孩子”，label:“孩子”，type:“选择”，“选项”：[{label:“婴儿”，value_字符串：“1”}，{label:“婴儿”，value_字符串：“2”}]}
}
const set1Keys=Object.keys（set1）
const set2Keys=Object.keys（set2）
//情景1
const notMatchingKeys=set2Keys.filter（key=>！set1Keys.includes（key））
const results=notMatchingKeys.length？notMatchingKeys.map（key=>set2[key]）：null
log（results）//您可以映射结果
console.log（'\n\n\n正在启动方案2'）
//情景2
常量emptySet1={}
if（Object.keys（emptySet1.length==0&&set2Keys.length）{
//从set2上的第一个键获取值
console.log（set2[set2Keys[0]]
}
console.log（'\n\n\n正在启动方案3'）
//塞坎里奥3号
if（set1Keys.filter（key=>！set2Keys.includes（key））.length）{
console.log（set1[set1Keys[0]]
}

您面临的问题是什么？您可以先检查场景2和3的条件，最后检查场景1。如果你在努力启动它，你应该查看并循环。我不知道如何循环和检查。你能写一个小代码让我检查一下吗@Siddharth这应该对您有所帮助@Siddharth JSON.stringify（）不应该用于对象comparison@HelmerBarcos我只是比较一下钥匙，你能告诉我那会有什么问题吗？

  var set1 = {
       men:[{ code: "men", title: "Men" }]
       women: [{ code: "women", title: "women" }],
       animal:[{ code: "animal", title: "animal" }],
    };

var set2 = {
  men: { value: "men", label: "Men", type: "select", "options": [ {label: "boy", value_string: "1"}, {label: "Guy", value_string: "2"}] },
  women: { value: "women", label: "Women", type: "select", "options": [ {label: "lady", value_string: "1"} , {label: "girl", value_string: "2"}] },
  kids: { value: "kids", label: "Kids", type: "select" ,"options": [ {label: "infant", value_string: "1"} , {label: "baby", value_string: "2"}] },
};