Генерация преобразования иерархического массива в плоский массив

Question

Я пытаюсь обобщить преобразование иерархического массива в плоский массив. У меня есть объект такого типа, у которого есть дети того же типа, у которого есть дети того же типа и т. Д. c ..

[{
        id: "123",
        children: [
            {
                id: "603",
                children: [
                    {
                        id: "684",
                        children: [
                            ...
                        ]
                    },
                    {
                        id: "456",
                        children: []
                    }
                ]
            }
        ]
    }]

Я нашел способ сгладить его, и у меня есть информация о количество вложенных уровней. Один уровень глубины (работает):

let result = myArray.flat()
            .concat(myArray.flatMap(comm => comm.children));

Два уровня глубины (работает):

 let result = myArray.flat()
            .concat(myArray.flatMap(comm => comm.children))
            .concat(myArray.flatMap(comm => comm.children.flatMap(comm2 => comm2.children)));

Но как я могу сгенерировать этот код в функции для обработки любой глубины? Я уже пробовал это, но это не работает:

  flatFunct = (myArray, deep) => {
        let func = comm => comm.children;
        let flatMapResult = myArray.flat();
        for (let i = 0; i < deep; i++) {
            flatMapResult = flatMapResult.concat(() => {
                let result = myArray;
                for (let j = 0; j < i; j++) {
                   result = result.flatMap(func);
                }
            });
        }
    };

Я близко, но я не могу найти путь.

Answer 1

Можно взять Array#flatMap с объектами плоских детей.

const
    flat = ({ children = [], ...o }) => [o, ...children.flatMap(flat)],
    data = [{ id: "123", children: [{ id: "603", children: [{ id: "684", children: [{ id: "688", children: [] }] }, { id: "456", children: [] }] }] }],
    result = data.flatMap(flat);

console.log(result);

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

Answer 2

const flat = arr => arr.concat(arr.flatMap(it => flat(it.children)));