シンプルなJSの未定義チェックでエラーが発生するのはなぜですか？

Question

内部プロパティがすべて一貫していない大きなオブジェクトをループしています。私はオブジェクトの周囲if(typeof){}文を投げるときしかし、それはまだエラーをトリガです：

声明

if (typeof pendingTripDropoffMarkers[i].trip.id !== "undefined") {// do stuff} 

エラー

Uncaught TypeError: Cannot read property 'trip' of undefined 

キャッチ

H間違いなく同じ機能を持つ姉妹のオブジェクトと同じスコープのはうまくいきます。

if (typeof pendingTripPickupMarkers[i].trip.id !== "undefined") {// do stuff} 

作成したオブジェクトの内容を印刷しても、うまく見えます。だからここに邪悪な力があるの？ありがとう。

Answer 1

あなたはどんなをテストする必要があります未定義の可能性があるオブジェクト。

if (pendingTripDropoffMarkers[i] 
     && pendingTripDropoffMarkers[i].trip 
     && pendingTripDropoffMarkers[i].trip.id !== undefined) { 

---

あなたはundefinedが上書きさについては本当に心配している場合は、typeofハックをしません。 void演算子を使用して新鮮なundefinedを取得してください。

if (pendingTripDropoffMarkers[i] 
     && pendingTripDropoffMarkers[i].trip 
     && pendingTripDropoffMarkers[i].trip.id !== void 0) { 

---

あなたはpendingTripDropoffMarkers[i]が定義されるべきであることを特定している場合は、他のいくつかの問題がどこかにあります。それはpendingTripDropoffMarkersまたはpendingTripDropoffMarkers[i]がnullであることを必ずしも真実ではない

「未定義のtripプロパティを読み取ることができません」ので、

Answer 2

pendingTripDropoffMarkers[i]がnullの場合、エラーが発生します。配列要素がにおける配列要素のものをテストする前に存在している場合つまり、あなたは、私は通常、読みやすくするために、以下のような何かを...

をチェックされていません。

var currentElement = pendingTripDropoffMarkers[i], 
    elementExists = currentElement != null, 
    hasId   = elementExists && currentElement.trip && currentElement.trip.id 

if (elementExists && hasId) {...} 

Answer 3

pendingTripDropoffMarkers[i]が未定義であることを知らせるています。確かに、両方の命題はほとんど間違いです。少なくともpendingTripDropoffMarkersは、あらかじめ定義しておく必要があります。ヌルではありません。なぜなら、オブジェクトからインデックスを取得することについて不平を言わないからです。 pendingTripDropoffMarkers[i]がnullだった場合、エラーは一方で、iは外で、場合

「未定義の旅のプロパティを読み取ることができない」ではなく、「ヌルの旅のプロパティを読み取ることができません」のようなものになるだろうpendingTripDropoffMarkers配列の範囲では、pendingTripDropoffMarkers[i]は未定義です。実際に配列として定義されていれば、そうだと思います。

それはそれが本当だとは限りません！あなたはまだその場合myarray[0]は未定義になり

var myarray = [undefined,2]; 

のような奇妙なものを作ると、同じエラーになるだろうというのオフtripを取得しようとすることができます。しかし、それは非常に奇妙なケースです。