Как правильно пользоваться array.map и другими ES штучками в TypeScript?

Question

[Константин Б.]

Начал осваивать TypeScript и на него переписывать уже имеющийся код, возникла проблема при использовании array.map() метода. Нужно ли в него передавать интерфейс объекта или достаточно определить только объект на выходе?
Получилось без ошибок сделать так, но что-то мне подсказывает что я не на том пути)

.map((item: any) => {
  let countItems: number = item.name.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) !== -1 ? 1 : 0
  let newItem: ItemInterface = {
    ...item,
    countItems: countItems
  }
  return newItem;
})
.filter((item: any) => {
  return item.countItems > 0 || item.name.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) !== -1
})

Answer 1

[Василий Банников]

В этом случае все типы выводятся автоматически. Их указывать не нужно.

[].map(item => ({
    ...item,
    countItems: item.name.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) !== -1 ? 1 : 0
  }))
.filter(item=>item.countItems > 0 || item.name.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) !== -1)

Comments

[Константин Б.]

При использовании map без указания входящего типа any выбрасывает ошибку что item.name Object is possibly 'undefined'.

[abberati]

Константин Б., значит так описан тип массива, что у его элемента поле может быть undefined

[G F]

Константин Б., покажи тип элемента в массиве

[Василий Банников]

Константин Б., значит так описан тип, что тип может быть undefined.

[Константин Б.]

Василий Банников, G F, abberati,

export default interface ItemInterface {
    id: string;
    name: string;
    items: [];
    countItems:  number;
}

[Василий Банников]

Константин Б., наверное это не всё

[Robur]

Константин Б., код в котором map вызывается целиком покажите. То что перед точкой. Да и вообще для таких вопросов лучше готовый плейграуyд делать https://www.typescriptlang.org/play с ошибкой и постить ссылку.

[Василий Банников]

Константин Б., Зачем повсюду any[]?
Если у вы не в блокноте пишите, то у вас там должен быть написан тип у стейта - наверное сам стейт может быть опциональным..

[Константин Б.]

Василий Банников, работаю в WebStorm. При наведении на item подсвечивает что интерфейс ItemInterface. Но при этом выдает ошибку Object is possibly 'undefined'

[Константин Б.]

Василий Банников, я понял в чем была моя ошибка. Стояла версия 3.9, обновился до последней все ок