Консоль показывает разную длину одного массива в разных местах

Пример:

У нас есть такой код:

const arr = [3,2,4];
console.log(arr); // (3) [3, 2, 4]
arr.push(31);
console.log(arr); //(4) [3, 2, 4, 31]

В первом логе консоль показывает массив с длиной в три элемента.Но если нажать на стрелочку чтобы раскрыть его полностью увидим такой результат

0: 3
1: 2
2: 4
3: 31
length: 4

Длина массива 4 элемента хотя мы еще не добавили 4-й элемент.Второй log будет показывать соответственно точно такой же результат.

Для того чтобы решить эту проблему используйте console.table.Table будет показывать красивую таблицу с правильными результатами.

(index)   Value
  0         3
  1         2
  2         4