Почему не работает spread?

Question

[historydev]

Мне нужно вместо массива массовов получить массив объектов, я не понимаю почему не работает:

const whereString = data.map((chatParams: IChatsParams) => {
                return ...Object.keys(chatParams).map(key => { // Пишет expression expected
                    if(
                        key !== 'recordsCount' &&
                        key !== 'orderByField' &&
                        key !== 'orderBy' &&
                        key !== 'recordsLimit'
                    ) {
                        return `chat.${key}=` + chatParams[key as keyof typeof chatParams] + ', ';
                    }
                    return '';
                })
            });

Comments

[Lynn «Кофеман»]

А зачем тут вообще spread?

[Lynn «Кофеман»]

Ну и пока я в упор не вижу где тут массив массивов

[historydev]

Lynn «Кофеман», первый массив это data, в нём массив возвращает Object.keys

[Lynn «Кофеман»]

Так, судя по коду и хрустальному шару вы хотите из объектов удалить лишние ключи?

[Lynn «Кофеман»]

Покажите лучше что на входе и что надо на выходе

[historydev]

Lynn «Кофеман», вход массив объектов - выход массив объектов, вот для примера костыльная дичь которая у меня получилась на фоне того, что я не знаю как решить этот вопрос:

app.get('/', (req: Request<object, IResponseDTO<IChat>, undefined, IRequestChatsParams>, res) => {
    const foundChats = JSON.parse(req.query.data.toString()).map((fields: IChatsFinderOptionalFields) => /* здесь должен быть spread который разворачивает результат фильтра в текущий массив */mockData.IChatsTable.filter(chat => { return findChat(chat, fields) }));

    res.status(200).send({
        statusCode: 7050,
        statusText: 'Done',
        data: foundChats.map((el: IChat[]) => el[0]) // Здесь должен быть массив объектов
    });
});

[Lynn «Кофеман»]

А конкретнее?

[historydev]

Lynn «Кофеман»,

[Lynn «Кофеман»]

Я что-то не уверен что это нужный результат…

[historydev]

Lynn «Кофеман», да, или через flat или лучше как предложил Алексей Уколов, через flatMap

Answer 1

[Алексей Уколов]

Спред так не работает и вообще тут не нужен.

Comments

[historydev]

да, он тут не нужен, но почему он тут не работает? Можно через join его свести к строке, мне приходится потом проходится по такому ещё раз и разворачивать:

whereString.map(str => ...str);

[Алексей Уколов]

Можно через join, да. Вторую часть и приведённый код я не понимаю. Так же я не понимаю, откуда взялась потребность в строке, если в заголовке вы пишете про массив объектов.

[historydev]

Алексей Уколов, вы представьте что вместо этой строки

return `chat.${key}=` + chatParams[key as keyof typeof chatParams] + ', ';

, подобие такого: return {key}.

Тогда Object.keys() вернёт массив объектов, который нужно развернуть для map в котором он находится, чтобы из такого выхода:

[ [{}], [{}]]

получился вот такой:
[ {}, {}, {} ]

[Алексей Уколов]

Это называется flatten. Ещё можно этого добиться через reduce, но я этот метод не люблю за нечитаемость. Ну и, наконец, есть вариант с двумя for, который прост и читаем.

[historydev]

Алексей Уколов, reduce да, он конечно мощный, но из него выходит такое месиво. Не знал этот метод, сейчас попробую, спасибо.