javascript - Why is this object property undefined? - Stack Overflow

admin管理员组

文章数量:1194371

Consider the code below. The first console.log correctly logs the image, and you can see its properties in the image below. However, when I try logging one if its properties to the console, I get undefined!

console.log(that.data[0].cards); //works -- see image below
console.log(that.data[0].cards.E); //undefined
console.log(that.data[0].cards['E']); //undefined
console.log(that.data[0].cards.hasOwnProperty('E')); //false

var test = JSON.stringify(that.data[0]);
console.log(test); // {}

for( var key in that.data[0].cards ) {
    console.log('hello????') //doesn't appear in the console
}

console.log( Object.keys( that.data[0].cards ) ); //[]
console.log( that.data[0].cards.propertyIsEnumerable("E") ); //false
console.log( that.data[0].cards.__lookupGetter__( "E" ) ); //undefined

The result in the console:

Any idea what's going on here? The xml property inside of that.data[0] should also have properties inside of it -- named the same, in fact, as the properties in cards.

FWIW, I get the same thing in Firebug (the above console image is Chrome).

Consider the code below. The first console.log correctly logs the image, and you can see its properties in the image below. However, when I try logging one if its properties to the console, I get undefined!

console.log(that.data[0].cards); //works -- see image below
console.log(that.data[0].cards.E); //undefined
console.log(that.data[0].cards['E']); //undefined
console.log(that.data[0].cards.hasOwnProperty('E')); //false

var test = JSON.stringify(that.data[0]);
console.log(test); // {}

for( var key in that.data[0].cards ) {
    console.log('hello????') //doesn't appear in the console
}

console.log( Object.keys( that.data[0].cards ) ); //[]
console.log( that.data[0].cards.propertyIsEnumerable("E") ); //false
console.log( that.data[0].cards.__lookupGetter__( "E" ) ); //undefined

The result in the console:

Any idea what's going on here? The xml property inside of that.data[0] should also have properties inside of it -- named the same, in fact, as the properties in cards.

FWIW, I get the same thing in Firebug (the above console image is Chrome).

• javascript
• object
• undefined
• object-properties

Share Improve this question Follow edited Oct 27, 2011 at 21:31 maxedison asked Oct 27, 2011 at 20:51 maxedisonmaxedison 17.6k1515 gold badges7070 silver badges118118 bronze badges 5

• 2 Can you pass the result of JSON.stringify(that) ? – FreeCandies Commented Oct 27, 2011 at 20:54
• 1 Can't help you if we can't replicate the behavior. Can you provide the JSON ? – aziz punjani Commented Oct 27, 2011 at 20:56
• JSON.stringify(that) doesn't seem to do anything except bring the script to a complete stop. Doesn't throw an error or anying else, but nothing runs after the call to JSON.stringify(that). I've updated my question to show the results of JSON.stringify(that.data[0].cards), which just shows it to be a blank object {}. – maxedison Commented Oct 27, 2011 at 21:15
• 2 Are you sure the object is really not empty this time? You didn't expand it... – pimvdb Commented Oct 27, 2011 at 21:17
• 1 Thanks. I'm still not able to reproduce. Could you perhaps provide a simplified, isolated test case on jsfiddle.net? – pimvdb Commented Oct 28, 2011 at 9:10

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 14

I've solved the problem. Basically, the object in question (that.data[0].cards) has its properties created by a function a() that runs after all the AJAX requests for the necessary XML files have been processed. I allow the requests to run asynchronously, using a counter to determine in the success callback function if a() should be called yet.

After a() runs, function b() is supposed to perform operations on that.data[i].cards. However, b() was running prior to a() being called because of a()'s reliance on the asynchronous requests. So the solution was simply to make a() call b().

So this turned out to be a pretty simple mistake on my part. What made it so confusing was the fact that logging that.data[0].cards to the console showed me that in fact the cards object had already been built, when in fact it had not yet. So the console was providing me with incorrect--or at least unclear--information.

Thanks for everyone's help last night! Upvotes all around :)

I think the object keys have unprintable characters, such can be replicated like this:

var obj = {};
obj["E"+String.fromCharCode(15)] = new Array(15);

console.log(obj);

/*Object
E: Array[15]
__proto__: Object*/

console.log(obj.E)

//undefined

console.log( obj["E"+String.fromCharCode(15)] )

//[]

Edit: you can see if this is the case for your object keys:

var realKeys = [];

for( var key in obj ) {
realKeys.push( [].slice.call( key ).map( function(v){return v.charCodeAt(0);} ).join(" ") );
}

//["69 15"] (69 stands for the letter "E" and 15 was the unprintable character I added manually)

Edit2: Since you can't do that I came up with another way to see if there are unprintable characters:

Copypaste the key string like this: (go all the way as much as you can on both ends so you pick any invisible characters)

Then dump your clipboard like this (Make sure you are using double quotes):

本文标签： javascriptWhy is this object property undefinedStack Overflow