Guidance on dividing children in an object into distinct arrays

Question

Guidance on dividing children in an object into distinct arrays

So I have an interesting challenge while working on my project. I need help figuring out how to split a Javascript Object like the one below:

{
    field1: {
        field2: {
            field3: "value 1",
            field4: "value 2"
        }
    }
}

My goal is to separate any field with multiple keys into different arrays, as shown here:

[
    {
        field1: {
            field2: {
                field3: "value 1"
            }
        }
    },
    {
        field1: {
            field2: {
                field4: "value 2"
            }
        }
    }
]

I've attempted to create recursive functions to navigate through the object structure and duplicate any object value with more than one key. Each "child" should have its own parent structure. I feel like there might be a simple solution that I'm missing, so any suggestions would be greatly appreciated!

Thank you for your help.

javascript arrays json object

Answer 1

Answer №1

Here is a quick demo using your initial data.

However, additional test scenarios with valid results are necessary for thorough verification (as things can quickly go haywire).

const sampleInput = {
  item1: {
    item2: {
      item3: "data value 1",
      item4: "data value 2"
    }
  }
};

function flattenRecursively(data) {
  const output = [];

  for (const [key, value] of Object.entries(data)) {
    if (value && typeof value === 'object' && Object.entries(value).length) {
      for (const obj of flattenRecursively(value)) {
        output.push({ [key]: obj });
      }
    }
    else {
      output.push({ [key]: value });
    }
  }

  return output;
}

console.log(flattenRecursively(sampleInput));

Additional Examples:

function flattenRecursively(data) { const output = []; for (const [key, value] of Object.entries(data)) { if (value && typeof value === 'object' && Object.entries(value).length) { for (const obj of flattenRecursively(value)) { output.push({ [key]: obj }); } } else { output.push({ [key]: value }); } } return output; }

// Test Input 1
const inputData1 = {
  item1: {
    item2: {
      item3: "data value 1",
      item4: "data value 2"
    }
  },
  item5: {
    item6: {
      item7: "data value 3"
    },
    item8: {
      item9: "data value 4"
    }
  }
};

console.log(flattenRecursively(inputData1));

// Test Input 2
const inputData2 = {
  item1: {
    item2: {
      item3: {
        subItem1: 'subValue1',
        subItem2: 'subValue2',
      },
      item4: "data value 2"
    }
  }
};

console.log(flattenRecursively(inputData2));

Answer 2

Here is a quick demo using your initial data.

However, additional test scenarios with valid results are necessary for thorough verification (as things can quickly go haywire).

const sampleInput = {
  item1: {
    item2: {
      item3: "data value 1",
      item4: "data value 2"
    }
  }
};

function flattenRecursively(data) {
  const output = [];

  for (const [key, value] of Object.entries(data)) {
    if (value && typeof value === 'object' && Object.entries(value).length) {
      for (const obj of flattenRecursively(value)) {
        output.push({ [key]: obj });
      }
    }
    else {
      output.push({ [key]: value });
    }
  }

  return output;
}

console.log(flattenRecursively(sampleInput));

Additional Examples:

function flattenRecursively(data) { const output = []; for (const [key, value] of Object.entries(data)) { if (value && typeof value === 'object' && Object.entries(value).length) { for (const obj of flattenRecursively(value)) { output.push({ [key]: obj }); } } else { output.push({ [key]: value }); } } return output; }

// Test Input 1
const inputData1 = {
  item1: {
    item2: {
      item3: "data value 1",
      item4: "data value 2"
    }
  },
  item5: {
    item6: {
      item7: "data value 3"
    },
    item8: {
      item9: "data value 4"
    }
  }
};

console.log(flattenRecursively(inputData1));

// Test Input 2
const inputData2 = {
  item1: {
    item2: {
      item3: {
        subItem1: 'subValue1',
        subItem2: 'subValue2',
      },
      item4: "data value 2"
    }
  }
};

console.log(flattenRecursively(inputData2));

Guidance on dividing children in an object into distinct arrays

Answer №1

Similar questions

The watermark feature in HTML may not appear when printed on every page

Scroll horizontally within the div before scrolling down the page

Laravel Eloquent model, text being cut off at maximum length

Error in Mongoose validation: "Please provide a value for the 'first' field and the 'last' field."

Troubleshooting NameError when Parsing JSON with Python 2.7 and Handling NULL Results

Using react-hook-form to easily update form data

Running a service in Express.js without being dependent on incoming requests

Using ng-repeat and selectize in AngularJS to populate a multi-select drop-down with values and set selected values

The variable fails to receive a value due to an issue with AJAX functionality

Vuejs - Display multiple dates within one component

``There seems to be an issue with JQuery.Ajax not properly displaying on Samsung Smart

Converting JSON data into Java objects

Using JavaScript to replace a radio button with the term "selected"

What are some other options for pushing out data instead of using window.onbeforeunload?

Unable to invoke the JQuery getJSON function

Display visual information without requiring the parameters to be filtered beforehand in vue.js

JavaScript opacity adjustments not achieving desired outcome

Verifying the presence of an image via its URL may not be functional across all browsers

According to npm, the JSON is not valid, but jsonlint.com confirms that it is valid

Leveraging a JSON file as a data repository for chart.js