JavaScript "x in obj"：obj.xは未定義ですか？

Question

次のコード：

var obj = {uname:"OdO", age:"22"}; 
alert(obj.uname); 

結果に：今

OdO 

、for..in文で同じ概念を使用して：

for (x in obj) { 
    document.write(obj.x+"<br>"); 
} 

私は次のように印刷することを期待：

OdO 
22 

それは印刷します。

undefined 
undefined 

および要素にループする印刷達成するために、それはこのような配列の要素として記述する必要があります：

for (x in obj) { 
    document.write(obj[x]+"<br>"); 
} 

その後、最初の構文が動作しない理由しかし、それはfor..inステートメントから機能しますか？

Answer 1

obj.xと書くと、これはobjの "x"という名前のプロパティを探します。ちょうどobj.sizeのように "size"という名前のプロパティを探します。 xはあなたのオブジェクトに定義されていないので、何も出てこない。それを書く正しい方法 - obj[x] - 変数xを使用してオブジェクトのプロパティをルックアップします。角括弧構文では、角括弧内の値を使用してプロパティをルックアップし、ドット構文ではプロパティ名を文字列に変換します。したがって、これらの二つは等価です：

obj.x 
obj["x"] 

は、だから、xはobj.た後、それを文字列に変換しxことを書くとき - それはもう変数ではありません。

Answer 2

プロパティ名が文字通り「X」である場合、プロパティ名は「X」という名前の変数及び属性フォーム（obj.x）に格納されているときにブラケット形（obj[x]）を使用。例えば

：

var o = {foo:1}; 
o.foo; // => 1 
var x = 'foo'; 
o[x]; // => 1, since x='foo' and has a property named "foo". 
o.x; // => undefined, since "o" has no property named "x". 

Answer 3

ブラケット構文は、名前（式はリテラル、変数、またはより複雑なものになることができます）表現であるという性質を受信するために使用される

for(var x in obj){ 
    console.log(obj[x]); 
} 

Answer 4

をお試しください：

var x = "a"; 
{a:0, b:1}[x] == 0; 

正確にその名前のプロパティを受け取るためにドット構文が使用されます。

({a:0, x:1}).x == 1; 

for-in-loopには、変数xがプロパティ名を保持します。定義されていない"x"という名前のプロパティにアクセスしようとしています。

Answer 5

これは私の作品：

var obj = {uname:"OdO", age:"22"}; 

for (x in obj) { 
    document.write(obj[x.toString()] + "<br>"); 
}​ 

http://jsfiddle.net/zA8HB/