使用选项父ID遍历json

Question

    [
      {
        "id": "name",
        "model": "name",
        "name": "name",
        "label": "Name",
        "placeholder": "Enter your name",
        "required": "yes",
        "inputType": "text",
        "options": [],
        "objectType":"parent",
        "parentId": ""
      },
      {
        "id": "existingcustomer",
        "name": "ExistingCustomer",
        "label": "Exisiting Customer",
        "placeholder": "",
        "required": "yes",
        "inputType": "radio",
        "objectType":"parent",
        "options": [
          {"label": "Yes", "name": "eCustomer","optionValue": "no","id": "existingcustomer_yes","objectType": "parent"},
          {"label": "No", "name": "eCustomer","optionValue":"yes","id": "existingcustomer_no","objectType": "parent"}
        ],
        "parentId": ""
      },
      {
        "id": "existingcustomername",
        "name": "existingcustomername",
        "label": "Hello Existing Customer Please Enter Your Name",
        "placeholder": "Enter You Name",
        "required": "yes",
        "inputType": "text",
        "objectType": "child",
        "options": [],
        "parentId": "existingcustomer_yes"
      },
      {
        "id": "selectpackage",
        "name": "selectpackage",
        "label": "Hello Existing Customer, Select Your Package Please",
        "placeholder": "",
        "required": "yes",
        "inputType": "select",
        "objectType": "parent",
        "options": [
          {"label": "Package 1", "name": "select_package","optionValue": "Package 1","id": "selectpackage_package1", "objectType": "parent"},
          {"label": "Package 2", "name": "select_package","optionValue":"Package 2","id": "selectpackage_package2", "objectType": "parent"}
        ],
        "parentId": "existingcustomer_yes"
      },
      {
        "id": "selectpackage1",
        "name": "selectpackage1",
        "label": "Hello Existing Customer, Select Your Package 1 Details",
        "placeholder": "",
        "required": "yes",
        "inputType": "select",
        "objectType": "child",
        "options": [
          {"label": "Package 1.1", "name": "select_package","optionValue": "Package 1","id": "selectpackage1_package11","objectType": "child"},
          {"label": "Package 1.2", "name": "select_package","optionValue":"Package 2","id": "selectpackage1_package12","objectType": "child"}
        ],
        "parentId": "selectpackage_package1"
      },
      {
        "id": "selectpackage2",
        "name": "selectpackage2",
        "label": "Hello Existing Customer, Select Your Package 2 Details",
        "placeholder": "",
        "required": "yes",
        "inputType": "select",
        "objectType": "child",
        "options": [
          {"label": "Package 2.1", "name": "select_package","optionValue": "Package 1","id": "selectpackage2_package21",  "objectType": "child"},
          {"label": "Package 2.2", "name": "select_package","optionValue":"Package 2","id": "selectpackage2_package22",  "objectType": "child"}
        ],
        "parentId": "selectpackage_package2"
      },
      {
        "model": "newcustomername",
        "name": "newcustomername",
        "label": "Hello New Customer Please Enter Your Name",
        "placeholder": "Enter You Name",
        "required": "yes",
        "inputType": "text",
        "objectType": "child",
        "options": [],
        "parentId": "existingcustomer_no"
      }
    ]

我想让它像下面那样使用 javascript 循环进行更改，请帮助我解决这个问题 当我尝试这个时，它显示无限循环 我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环 我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环 我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环 我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环 我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环 我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环 我想让它像下面使用javascript循环一样改变它请帮我解决这个问题 当我尝试这个时，它显示无限循环

 {
        "id": "name",
        "model": "name",
        "name": "name",
        "label": "Name",
        "placeholder": "Enter your name",
        "required": "yes",
        "inputType": "text",
        "options": [],
        "objectType":"parent",
        "parentId": ""
      },
    {
        "id": "existingcustomer",
        "name": "ExistingCustomer",
        "label": "Exisiting Customer",
        "placeholder": "",
        "required": "yes",
        "inputType": "radio",
        "objectType":"parent",
        "options": [
          {"label": "Yes", "name": "eCustomer","optionValue": "no","id": "existingcustomer_yes","objectType": "parent",childJson:"here i want to show all child having parent id = this option id"},
          {"label": "No", "name": "eCustomer","optionValue":"yes","id": "existingcustomer_no","objectType": "parent"}
        ],
        "parentId": ""
      }

Answer 1

看看这是否有帮助： 使用mapreducefilter

let arr = [
  {
    "id": "name",
    "model": "name",
    "name": "name",
    "label": "Name",
    "placeholder": "Enter your name",
    "required": "yes",
    "inputType": "text",
    "options": [],
    "objectType":"parent",
    "parentId": ""
  },
  {
    "id": "existingcustomer",
    "name": "ExistingCustomer",
    "label": "Exisiting Customer",
    "placeholder": "",
    "required": "yes",
    "inputType": "radio",
    "objectType":"parent",
    "options": [
      {"label": "Yes", "name": "eCustomer","optionValue": "no","id": "existingcustomer_yes","objectType": "parent"},
      {"label": "No", "name": "eCustomer","optionValue":"yes","id": "existingcustomer_no","objectType": "parent"}
    ],
    "parentId": ""
  },

  {
    "model": "newcustomername",
    "name": "newcustomername",
    "label": "Hello New Customer Please Enter Your Name",
    "placeholder": "Enter You Name",
    "required": "yes",
    "inputType": "text",
    "objectType": "child",
    "options": [],
    "parentId": "existingcustomer_no"
  }
];


let {result, toRemove} = arr.reduce((acc, cur) => {
  cur.options = cur.options.map(itemObj => {
    const childs = arr.filter(arrObj => arrObj.parentId === itemObj.id);
    itemObj.childJson = childs;    
    acc.toRemove = [...acc.toRemove, ...childs.map(item => item.parentId)]
    return itemObj
  })
  acc.result.push(cur);
  return acc;
}, {result:[], toRemove:[]})

result = result.filter(item => !toRemove.includes(item.parentId))

console.log(result);