typescript find() 怎么写类型接口

Question

问题

如上，用 typescript 写代码，用到了 find() 方法。遇到的问题是第二行一直报类型错误，我知道 find() 方法可能会返回 Cart 类型数据，也可以返回 undefined 值。

下面两种写法都没用起作用，第二行还是会报类型错误。这种情况我的类型接口要怎么写才不会报错。

// 写法一
const cart: Cart = this.state.cartList.find((item: Cart) => item.cartId === cartId)
cart.checked = !cart.checked

// 写法二
const cart: (Cart | undefined) = this.state.cartList.find((item: Cart) => item.cartId === cartId)
cart.checked = !cart.checked

Answer 1

const cart: any = this.state.cartList.find((item: Cart) => item.cartId === cartId)
cart.checked = !cart.checked

Answer 2

对于编译器来说 find一定有可能返回undefined

如果你很有信心就 const cart = cartList.find( ... )!; （然后没找到自己负责）

Answer 3

编辑器已经提到cart可能会是undefined ，所以

if (!cart) return;
// todo

Answer 4

find 返回的不是个数组吗？

Answer 5

最开始的代码

报错信息

按照你说加上判断代码

我想要的

我想要的就是代码别小红色波浪线，咱两在一个频道上了不。很明显按照你提供的写法，仍然有小红波浪线。

@raohong 可以看下，按照你提供的写法，仍然报错

Answer 6

如果 cart 一定找得到就试试这样

cart.checked = !cart!.checked;

否则就放在 if 里

if (cart) {
    ...
}