Object 可能是可選鏈接上的“未定義”錯誤 Typescript

Question

我有一個正在訪問的響應： data?.currentOrganization?.onboardingSteps? . 如您所料，data、currentOrganization 和 onboardingSteps 可能都是 null。 我想分配一個變量如下：

const hasSteps = data?.currentOrganization?.onboardingSteps?.length > 0;

如果任何字段為 null 或少於 1 步，我認為 hasValue 將評估為 false。 但是，我收到 TypeScript 錯誤： Object is possibly 'undefined' 。

這就是我目前解決它的方式：

const hasSteps =
  data?.currentOrganization?.onboardingSteps != null &&
  data?.currentOrganization?.onboardingSteps?.length > 0;

這感覺不必要地冗長。 有沒有其他更優雅的解決方案？

Answer 1

可選鏈最終將產生一個data?.currentOrganization?.onboardingSteps?.length的number ，如果鏈中的所有內容都不是null或undefined .... 但如果鏈中的任何內容為空，則該值可能是一個數字output 本身將是undefined的。 如果沒有 Typescript 抱怨，您將無法測試undefined > 0 。

因此，您可能應該執行以下操作：

const hasSteps = (data?.currentOrganization?.onboardingSteps?.length ?? 0) > 0;

如果可選鏈以undefined結尾，則使用無效合並來產生0 。

Playground 代碼鏈接