What is “undefined x 1” in JavaScript?

2019-01-01 16:01发布

问题:

I\'m doing some small experiments based on this blog entry.

I am doing this research in Google Chrome\'s debugger and here comes the hard part.

\"What

I get the fact that I can\'t delete local variables (since they are not object attributes). I get that I can \'read out\' all of the parameters passed to a function from the array called \'arguments\'. I even get it that I can\'t delete and array\'s element, only achieve to have array[0] have a value of undefined.

Can somebody explain to me what undefined x 1 means on the embedded image?

And when I overwrite the function foo to return the arguments[0], then I get the usual and \'normal\' undefined.

This is only an experiment, but seems interresting, does anybody know what undefined x 1 refers to?

回答1:

That seems to be Chrome\'s new way of displaying uninitialized indexes in arrays (and array-like objects):

> Array(100)
[undefined × 100]

Which is certainly better than printing [undefined, undefined, undefined,...] or however it was before.

Although, if there is only one undefined value, they could drop the x 1.



回答2:

Google Chrome seems to choose to display sparse array using this undefined x n notation. It will show [undefined, undefined] if it is not a sparse array:

var arr = new Array(2);
console.log(arr);

var arr2 = [];
arr2[3] = 123;
console.log(arr2);

var arr3 = [,,,];
console.log(arr3)

var arr4 = [,];
console.log(arr4)

var arr5 = [undefined, undefined]
console.log(arr5)

var arr6 = [undefined]
console.log(arr6)

arr1 to arr4 are all sparse arrays, while arr5 and arr6 are not. Chrome will show them as:

[undefined × 2] 
[undefined × 3, 123] 
[undefined × 3] 
[undefined × 1] 
[undefined, undefined] 
[undefined] 

note the [undefined x 1] for the sparse array.

Since you deleted an element, it follows that: If you delete an element from an array, the array becomes sparse.



回答3:

Here is how it looks, Type this code into chrome devtools console:-

arr = new Array(4);
arr[2] = \"adf\";
console.log(arr);    // [undefined × 2, \"adf\", undefined × 1]

See the first two consecutive \"undefined\" that are represented by *2, to show that there are two consecutive undefined there



回答4:

Newer versions of Chrome use empty instead of undefined to make the difference a bit clearer.

For example, entering [,,undefined,,] in the DevTools console results in:

▼(4) [empty × 2, undefined, empty]
   2: undefined
   length: 4
  ▶__proto__: Array(0)


回答5:

It just happened to me too. Open the same thing in another browser and output/log the array to the console. As long as it works in both crome and in firefox the same way (as in accessing the elements works fine even if the output has the undefinedx1), I consider it some kind of bug in Chrome not refreshing something internally. You can actually test it this way:

  1. I was adding elements to an array, and firing console.log() to log the element, to check if it was undefined or not. They were all defined.
  2. After push() I logged the array and it seemed that when this happened, it was always the last one being undefined x 1 on Chrome.
  3. Then I tried logging it more times and also later, but with the same result.
  4. However when I accessed (for the sake of output), the element by its index, it returned the proper value (funny).
  5. After that I logged the array again and it said the last index was undefined x 1 (the very one I just accessed directly with success!).
  6. Then I did a for loop on the array, logging or using each element, all showed up fine.
  7. Then another log on the array, still buggy.

    The code I\'m originally using has checks for undefined and they didn\'t fire, but I was seeing all these undefineds in the console and it was bugging me (no pun intended).

Also worth reading: Unitialized variables in an array when using only Array.push? I\'m using pop() too in my code and it\'s a reasonable explanation that the console log actually represents a different state in time (when the code is \'halted\').