Javascriptが未定義例外TypeErrorプロパティを持つオブジェクトをループ

Question

私は、オブジェクトの配列は、名前

xs = [ 
    {name: "Peter"}, 
    {name: "Doe"}, 
    {name: "Parker"}, 
    {name: "John"} 
]; 

を保存xsと呼ばれていると私は、変数が定義されていない場合は、空の文字列を返す関数setEmptyStrを持って

function setEmptyStr(v) { 
    if(typeof v !== 'undefined'){ 
    return v; 
    } else { 
    return ''; 
    } 
} 

私はオブジェクトの配列をループさせようとします（配列よりも長さが長くなります）、配列の長さは4、私は5を試してみます。array.lengthを使用したくありません。

for (var i = 0; i < 5; i++) { 
    console.log(setEmptyStr(xs[i].name)); 
} 

4つの名前は、定義されていないため、成功して戻ります。しかし、第5回は、私は5番目が空の文字列を返すようであるたい

TypeError property 'name' is undefined.

>>Peter 
>>Doe 
>>Parker 
>>John 

Uncaught TypeError: Cannot read property 'name' of undefined

を返すことです。これどうやってするの？私のコードに誤りがありますか？

>>Peter 
>>Doe 
>>Parker 
>>John 
>>"" 

Answer 1

使用この：

xs = [ 
 
    {name: "Peter"}, 
 
    {name: "Doe"}, 
 
    {name: "Parker"}, 
 
    {name: "John"} 
 
]; 
 

 
for (var i = 0; i < 5; i++) { 
 
    console.log(setEmptyStr(xs[i] && xs[i].name)); 
 
} 
 

 
function setEmptyStr(v) { 
 
    if (typeof v !== 'undefined') { 
 
    return v; 
 
    } else { 
 
    return ''; 
 
    } 
 
}

テストxs[i]最初undefinedのプロパティにアクセスしようとするからエラーを防ぐことができます。

Answer 2

いいえ、コードにエラーはありませんが、長さよりも長いインデックスを持つ配列をループするのは危険です。このようなエラーが発生します。あなたのコードxs[4]で

あなたはこのエラーを得た理由ですundefined次のようになります。

Uncaught TypeError: Cannot read property 'name' of undefined 

だから、ちょうどこのように、このエラーをキャッチし、避ける必要があります。

for (var i = 0; i < 5; i++) { 
    if(xs[i]) 
     console.log(setEmptyStr(xs[i].name)); 
} 

Answer 3

ませ名はありません未定義：

Uncaught TypeError: Cannot read property 'name' of undefined

したがって実際にはxs [i]は未定義です。あなたのループは5回実行されますが、あなたは4つのelemsしか持っていません。ここで

for(var i=0;i<xs.length;i++) 

Answer 4

、

for (var i = 0; i < 5; i++) { 
    console.log(setEmptyStr(xs[i].name)); 
} 

あなたはどうかは、その利用可能かどうか確認することなく、個々の配列要素のnameを送信しようとしている：あなたはSHUREする.LENGTHを使用する場合があります。あなたの5番目のエントリでは何も持っていないので、それはundefinedを返します。配列の長さが4であるためです。

ので、あなたはobjectの前には、あなたのコードには誤りがありません、このよう

if(xs[i]) { 
    setEmptyStr(xs[i].name) 
}