Как перевести функцию в typeScript?

Question

[Марат Иванов]

проблемы при переводе в ts.
1. m.length - m Объект имеет тип "Неизвестный"
2. const res = data?.map - Свойство "map" не существует в типе "Compare"

export type Compare = {
    channelid: number,  
    childrenHash: Child[]
}

export type Child = {
  id: number, hash: string
}

export const comparsion = (data: Compare) => {
    const res = data?.map((n: { childrenHash: any[] }) => {
    const ids = Object.values(n.childrenHash.reduce((acc, m) => ((acc[m.hash] ??= []).push(m.id), acc), {})).filter(m => m.length > 1);
    return {
      ...n,
      childrenHash: ids.length ? ids : null,
    };
  })
  return res
}

на js работает.

Comments

[WbICHA]

на js работает.

Если ты передаёшь то, что типизировал, то оно не может работать никак, потому что будет вылетать с ошибкой, что мап не функция.
Если же ты передаёшь что-то другое, то, возможно, стоило бы типизировать именно то, что ты передаёшь?

[Марат Иванов]

WbICHA, вот такой массив у меня.
const arr = [
{channelid: 190,
childrenHash: [{id: 0, hash: 'sdfsdfsfsdf'}]},
{channelid: 191,
childrenHash: [{id: 0, hash: 'ABC'}, {id: 1, hash: 'ABC'}, {id: 2, hash: 'LLL'}, {id: 3, hash: 'LLL'}, {id: 4, hash: 'SSS'}]},
]

[Марат Иванов]

WbICHA,

export type Compare = {
    channelid: number,  
    childrenHash: Child[]
}

export type Child = {
  id: number, hash: string
}

export const comparsion = (data: Compare[]) => {
    const res = data?.map((n: { childrenHash: any[] }) => {
    const ids = Object.values(n.childrenHash.reduce((acc, m) => ((acc[m.hash] ??= []).push(m.id), acc), {})).filter((m:any) => m.length > 1);
    return {
      ...n,
      childrenHash: ids.length ? ids : null,
    };
  })
  return res
}

но при таком раскладе получаю Failed to compile.

./src/helpers/comparsion.ts 3:79
Module parse failed: Unexpected token (3:79)
File was processed with these loaders:
* ./node_modules/babel-loader/lib/index.js
* ./node_modules/eslint-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
| export const comparsion = data => {
| const res = data === null || data === void 0 ? void 0 : data.map(n => {
> const ids = Object.values(n.childrenHash.reduce((acc, m) => ((acc[m.hash] ??= []).push(m.id), acc), {})).filter(m => m.length > 1);
| return { ...n,
| childrenHash: ids.length ? ids : null

Answer 1

[HealSpirit]

type THash = {
  id: number;
  hash: string;
};
type TChannel = {
  channelid: number;
  childrenHash: THash[];
};
type TData = TChannel[];
type THashAcc = Record<THash["hash"], THash["id"][]>;

export const comparsion = (data: TData) =>
  data.map((n) => {
    const ids = Object.values(
      n.childrenHash.reduce<THashAcc>((acc, m) => ((acc[m.hash] ??= []).push(m.id), acc), {})
    ).filter((m) => m.length > 1);

    return {
      ...n,
      childrenHash: ids.length ? ids : null,
    };
  });

Comments

[Марат Иванов]

вот такая штука прилетает при попытке использования

./src/helpers/comparsion.ts 2:77
Module parse failed: Unexpected token (2:77)
File was processed with these loaders:
* ./node_modules/babel-loader/lib/index.js
* ./node_modules/eslint-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
| export const comparsion = data => data.map(n => {
> const ids = Object.values(n.childrenHash.reduce((acc, m) => ((acc[m.hash] ??= []).push(m.id), acc), {})).filter(m => m.length > 1);
| return { ...n,
| childrenHash: ids.length ? ids : null