Как объяснить странное поведение консоли?

Question

[Dvorak]

function arrayCards() {
  var length=arguments.length,
      array=[];
  for (var i=0; i<length; i++) {
    if (Object.keys(arguments[i]).length >= 3 && arguments[i].from!=arguments[i].to) {
      array.push(arguments[i]);
    } 
  }

return array;
}

var one = new Card('Москва', 'Тула', 'автобус'),
        two = new Card('Тула', 'Саратов', 'автобус', '410', '13'),
        three = new Card('Саратов', 'Омск', 'поезд', '12', '12', '12'),
        four = new Card('Омск', 'Питер', 'самолёт', '12', '12');

var array=arrayCards(three, four, two, one); //преобразовали в массив
console.log(array);

И почему-то консоль показывает, что в массиве 4 элемента. Но length=2, и показываются только первые два. В чём ошибка?

Answer 1

[Алексей]

Задачка... Сделайте console.log всех three, four, two и one.

Comments

[Dvorak]

https://www.dropbox.com/s/zikye0kgsakmy3t/Screensh...

[Алексей]

Вроде все хорошо. Попробуйте codepen.io/anon/pen/RaxwRG?editors=1111 - сколько объектов выведет в консоль браузера.

[Dvorak]

Выводит все 4. Попробовал делать объекты через свой конструктор. Выводит все 4.

Но на локалке по-прежнему выводит только 2

[Алексей]

У вас кажется работает в фоне (setTimeout, setInterval, другие события) функция, которая модифицирует переменную array.

[Алексей]

Вот пример, воспроизводящий вашу ситуацию - codepen.io/anon/pen/bpaGRL?editors=1111

[Алексей]

Или еще проще - codepen.io/anon/pen/BKJadJ?editors=1111
Просто ниже идет модификация переменной.
В лог сначала выводится массив из 4 объектов, а при его раскрытии - показывается текущее состояние, уже измененное.

[Dvorak]

Спасибо! У меня не было setTimeout, но были другие функции, работаюите с массивом. Из-за асинхронности JS всё и вылетало. Спасибо большое

Answer 2

[Stalker_RED]

Этот код вообще не запустится, т.к. Uncaught ReferenceError: three is not defined(…)

А если взять значения в кавычки,

var array=arrayCards('three', 'four', 'two', 'one')

то вернет пустой массив, т.к. arguments[i].from всегда undefinned как и arguments[i].to

Comments

[Алексей]

Там судя по всему переменные - экземпляры класса Card.

[Dvorak]

Да. Переменные - это объекты Card. С ними проблем нет, они правильно создаются

[Stalker_RED]

Михаил Макарычев: Ну, мне же неведомо что там за объекты.
Я вот немножко пофантазировал: https://jsfiddle.net/7hsgb9p0/
И внезапно всё работает. Четыре элемента в массиве длинной 4.

Answer 3

[Александр Пупкин]

а тут var lenght не чего страшного что зарезервированное слово?

Comments

[Dvorak]

Это не зарезервированное слово

Answer 4

[keslo]

А где конструктор Card?
Выложите полный код где-нибудь в песочнице. Например, jsfiddle.