Question

109

console.log(array) shows different array contents than iterating the array and displaying the individual elements

rated 0 times [ 112] [ 3] / answers: 1 / hits: 42496 / 11 Years ago, fri, may 10, 2013, 12:00:00

I have the following code:

console.log(start);

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

    console.log(i +  =  + array[i]);

}

console.log(array);

console.log(end);

This gives me the following output:

[16:34:41.171] start

[16:34:41.171] 0 = 0

[16:34:41.172] 1 = 168

[16:34:41.172] 2 = 171

[16:34:41.172] [0, 168, 171, 139]

[16:34:41.172] end

That is, it doesn't show the 139 element when iterating the array, but console.log does print it when outputting the whole array. WHY? (<-- the question)

I do modify the array later on, is the console.log somehow delayed until after I changed the array? Note tho that change the order of the statements, and putting consoel.log(array) directly at the start does not change the outcome (still different outputs).

I am using firefox 20.0

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ellisw

Add To Favorites

Follow

Total Points: 625

Total Questions: 92

Total Answers: 88

Location: Kazakhstan

Member since Mon, Sep 26, 2022

2 Years ago

ellisw questions

1 How to check if event target is contained within an element?

Mon, Aug 23, 21, 00:00, 3 Years ago

1 Jest - one function mocks file for multiple test files

Fri, Nov 20, 20, 00:00, 4 Years ago

1 Electron Forge with react?

Sat, Jun 20, 20, 00:00, 4 Years ago

1 material-ui makeStyles: how to style by tag name?

Tue, Apr 21, 20, 00:00, 4 Years ago

1 Using async-await with node-fetch does not return the response to the calling method

Sun, Mar 22, 20, 00:00, 4 Years ago

View All

answered 11 Years ago dallasb · Accepted Answer

Update: If you want to see this behavior, copy and paste the code in the console and execute. Then close developer tools and open again, apparently the pointer thing only happens when the code is executed in the background(which happens when you reopen the console).

Console.log output of objects, is a pointer, no a real value. This means that if the object changes later, console.log object will be updated. Try:

console.log(start);

var array = [1];

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

    console.log(i +  =  + array[i]);

}

console.log(array);

console.log(end);

array.push(9999);// you will see the 9999 in the console no matter it was added after the output.

To prevent pointer issues try this:
console.log(array.join()); because later in some point of your application you are adding the 139 value.