如何在对象中递归更改值？

Question

I have the following object , and i want to change all the "choices" key values from "yes,no" to "show, hide".

I've tried to create a recursion function to loop over the object sub items - but for some reason i can't get it the work...

            var foo = {
            "data": [
                {
                    "body": [
                        {
                            "id": "title",
                            "label": "title",
                            "subType": "title",
                            "type": "text"
                        },
                        {
                            "id": "page1",
                            "label": "Home",
                            "choices": [
                                "show",
                                "hide"
                            ],
                            "childrenItems": [
                                {
                                    "id": "subMenu1",
                                    "label": "Gallery",
                                    "choices": [
                                        "yes",
                                        "no"
                                    ],
                                    "childrenItems": [
                                        {
                                            "id": "subMenu2",
                                            "label": "Artists",

                                            "choices": [
                                                "yes",
                                                "no"
                                            ],
                                            "childrenItems": [
                                                {
                                                    "id": "modernisem",
                                                    "label": "Modernisem"

                                                },
                                                {
                                                    "id": "contemporery",
                                                    "label": "Contemporery"

                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }

        function setQuestionnaireChoises(prmData) {

        return getNestedElements(prmData)
        }

        function getNestedElements(prmData){
        if(!isObject && Array.isArray(prmData)){
            return getArrItems(prmData);
        }else{
            return getObjItems(prmData);
        }
        }

        function getArrItems(prmData){

            for (let index = 0; index < prmData.length; index++) {
                let arrItem = prmData[index];
                if(isObject){
                return getObjItems(arrItem)
                }else{
                    return getArrItems(arrItem)
                }

            }
        }

        function getObjItems(prmData){
            for (const key in prmData) {
                    let objItem = prmData[key];
                    if(key == 'choices'){
                    return objItem[key] = ["show, hide"]
                    }else{
        return  objItem[key]
                    }


            }

        }
        function isObject(prmObj) {
            return prmObj !== null && typeof prmObj === 'object' && Array.isArray(prmObj) === false ? true : false;
        }


        setQuestionnaireChoises(foo)

My purpose is to manipulate the object to return itself with the changes of the choices.... Thanks.

JsBin

Answer 1

The code is too large and complex. You can easily do in this way, Let the data is

 var foo = {
  "data": [
    {
      "body": [
        {
          "id": "title",
          "label": "title",
          "subType": "title",
          "type": "text"
        },
        {
          "id": "page1",
          "label": "Home",
          "choices": [
            "show",
            "hide"
          ],
          "childrenItems": [
            {
              "id": "subMenu1",
              "label": "Gallery",
              "choices": [
                "yes",
                "no"
              ],
              "childrenItems": [
                {
                  "id": "subMenu2",
                  "label": "Artists",

                  "choices": [
                    "yes",
                    "no"
                  ],
                  "childrenItems": [
                    {
                      "id": "modernisem",
                      "label": "Modernisem"

                    },
                    {
                      "id": "contemporery",
                      "label": "Contemporery"

                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}

And you can change the choice like this

function setQuestionnaireChoises(prmData) {
  if (!(typeof prmData === 'object' || Array.isArray(prmData))) {
    return
  }
  if (prmData.choices) {
    prmData.choices = ['show', 'hide'];
  }
  Object.keys(prmData).forEach((key) => {
    setQuestionnaireChoises(prmData[key])
  });
}

setQuestionnaireChoises(foo);
console.log(JSON.stringify(foo))

JsBin code