Javascript 中 if (array.length > 0) 和 if (array?.length) 之間的區別（為什么 array.length > 0 是假的？）

Question

我是一名超級綠色開發人員，上周開始了我的第一份工作。 我收到了另一位開發人員的評論，要求添加一個條件來檢查數組是否未定義並檢查數組是否實際上是一個數組。

最初我使用：

$: hasActiveCoupons = $cart.coupons && $cart.coupons.length > 0;

if (hasActiveCoupons && $cart.coupons.find((coupon) => coupon.id === couponCode)) {
...
}

但后來她向我指出$cart.coupons.length > 0會返回一個錯誤的值。 並通過寫作糾正它：

if ($cart.coupons?.length && $cart.coupons.find((coupon) => coupon.id === couponCode)) {
...
}

所以我想知道這是如何工作的？ 我厭倦了閱讀其他一些問題，但我沒有完全掌握這個概念。

Answer 1

$cart.coupons.length > 0如果coupons為空，則返回錯誤值，但在這種情況下無需檢查長度。 此流程的較小方法如下：

$cart.coupons?.find(({ id }) => id === couponCode);

如果coupons未定義，則返回undefined 。

如果沒有值滿足find中的測試函數，則返回undefined 。

因此，無需單獨測試長度。