Recursively Convert all Arrays to Objects in Multidimensional Javascript Object

Question

Consider the following object:

const data = {
    foo: 'bar',
    items: [
        {
            id: 1,
            items: [
                {
                    id: 50,
                    content: 'test'
                }
            ]
        },
        {
            id: 2,
            items: [
                {
                    id: 70,
                    content: 'test'
                },
                {
                    id: 85,
                    content: 'test'
                }
            ]
        }
    ]
}

I am currently utilising the Vuex-i18n plugin which only supports string values within arrays, thus I need to iterate through my data and convert all arrays into objects.

I was hoping that I would be able to utilize JSON.parse in some way but I haven't been able to get it to work.

This is what I tried:

const json = '{"foo":"bar","items":[{"id":1,"items":[{"id":50,"content":"test"}]},{"id":2,"items":[{"id":70,"content":"test"},{"id":85,"content":"test"}]}]}';

console.log(JSON.parse(json, (key, value) =>
  typeof value === 'array'
    ? Object.assign({}, value)
    : value
));

Can anyone suggest a way in which this can be achieved? I was hoping that I could avoid recursively iterating over the object but I am not sure if that is possible...

Update

The expected output should look like this:

const data = {
    foo: 'bar',
    items: {
        0: {
            id: 1,
            items: {
                0: {
                    id: 50,
                    content: 'test'
                }
            }
        },
        1: {
            id: 2,
            items: {
                0: {
                    id: 70,
                    content: 'test'
                },
                1: {
                    id: 85,
                    content: 'test'
                }
            }
        }
    }
}

Note all the arrays are now objects...

"convert all arrays into objects" what should this produce? An array-like? Something else? — VLAZ
– VLAZ, Commented Oct 16, 2019 at 14:48

Nina Scholz · Accepted Answer · 2019-10-16 14:48:48Z

4

You could check for array with Array.isArray.

const json = '{"foo":"bar","items":[{"id":1,"items":[{"id":50,"content":"test"}]},{"id":2,"items":[{"id":70,"content":"test"},{"id":85,"content":"test"}]}]}';

console.log(JSON.parse(json, (key, value) => Array.isArray(value)
    ? Object.assign({}, value)
    : value
));

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Oct 16, 2019 at 14:48

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ben Carey Over a year ago

This seems to be exactly what I was looking for! Thank you very much!

Collectives™ on Stack Overflow

Recursively Convert all Arrays to Objects in Multidimensional Javascript Object

Update

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related