How to convert object deep properties in to another?

user_13630817 0
Viewed 157

Following is a deeply nested object with properties recurring.

How to convert the following deeply nested object 

const obj = {
    prop1: {
        properties: { value: {} },
    },
    prop2: {
        properties: { subProp: { properties: { value: {} } } },
    },
    prop3: {
        properties: { subProp: { properties: { subSubProp: { properties: { value: {} } } } } },
    },
};

into this :

const obj = {
    prop1: { value: {} },
    prop2: { subProp: { value: {} } },
    prop3: { subProp: { subSubProp: { value: {} } } },
};

//if properties exists, else leave as it is (in each level)
javascript
3 Answers

You could build new objects and check if the value is an object and if properties exists. Then take either properties or the object for a recursive call.

const
    removeProperties = object => Object.fromEntries(Object
        .entries(object)
        .map(([key, value]) => [
            key,
            value && typeof value === 'object'
                ? removeProperties('properties' in value ? value.properties : value)
                : value
        ])
    ),
    obj = { prop1: { properties: { value: {} } }, prop2: { properties: { subProp: { properties: { value: {} } } } }, prop3: { properties: { subProp: { properties: { subSubProp: { properties: { value: {} } } } } } } };

console.log(removeProperties(obj));
.as-console-wrapper { max-height: 100% !important; top: 0; }

Without Object.fromEntries

const
    removeProperties = object => Object
        .entries(object)
        .map(([key, value]) => [
            key,
            value && typeof value === 'object'
                ? removeProperties('properties' in value ? value.properties : value)
                : value
        ])
        .reduce((object, [key, value]) => ({ ...object, [key]: value }), {}),
    obj = { prop1: { properties: { value: {} } }, prop2: { properties: { subProp: { properties: { value: {} } } } }, prop3: { properties: { subProp: { properties: { subSubProp: { properties: { value: {} } } } } } } };

console.log(removeProperties(obj));
.as-console-wrapper { max-height: 100% !important; top: 0; }

user_14476750

You can recursively remove it

 const obj = {
      prop1: {
        properties: { value: {} },
      },
      prop2: {
        properties: { subProp: { properties: { value: {} } } },
      },
      prop3: {
        properties: { subProp: { properties: { subSubProp: { properties: { value: {} } } } } },
      },
    };

function converter(obj){
  if(typeof obj !== "object") return

  Object.entries(obj).forEach(([key, value]) => {
    if(value.properties){
      obj[key] = value.properties
      delete value.properties
    }
    if(typeof obj[key] === "object"){
      converter(obj[key])
    }
  })
}

converter(obj)
console.log(obj)

user_133459640

Try this, This recursion method will work for nested removing data also 

const obj = {
  prop1: {
    properties: { value: {} },
  },
  prop2: {
    properties: { subProp: { properties: { value: {} } } },
  },
  prop3: {
    properties: { subProp: { properties: { subSubProp: { properties: { value: {} } } } } },
  },
};

function propsRemover(data) {
  return Object.fromEntries(Object.entries(data).map(([key, { properties }]) => [key, propsRemover({ ...properties })]));
}

console.log(JSON.stringify(propsRemover(obj)));
user_137122630
Related