Как отображать многомерный массив Javascript в табличном формате в консоли?

Question

Я искал везде, я не заметил это странное взаимодействие на первый, но теперь я, я учусь JavaScript в codeacademy и я застрял в Массивы и объекты в JavaScript, когда я делаю это:

var newArray = [[1, 1, 1], [1, 1, 1], [1, 1, 1]]; 
console.log(newArray) 

Он регистрирует код как в той же строке, а не имеет 3 строки и 3 столбца, как это задает упражнение, однако оно позволяет мне передать его, я искал на их форумах, и есть пользователи, просящие то же самое без ответа, Я пробовал возможные исправления, такие как сброс браузера и даже изменение браузера.

Answer 1

Попробуйте console.table().

var newArray = [[1, 1, 1], [1, 1, 1], [1, 1, 1]]; 
console.table(newArray); 

Вот хороший список всех консольных команд, доступных для дальнейшего использования: https://developer.mozilla.org/en/docs/Web/API/console

Это то, что это будет выглядеть в Firefox (будет выглядеть в других браузерах).

Answer 2

Это нормально и даже может отличаться от браузера в браузере, так как нет спецификации относительно того, как вывод console.log должен быть отформатирован.

Вы можете написать:

var newArray = [[1, 1, 1], [1, 1, 1], [1, 1, 1]]; 
console.log(newArray[0]); 
console.log(newArray[1]); 
console.log(newArray[2]); 
console.log(newArray[3]); 

Это выведет отдельные "подмассива" на отдельных строках.

Answer 3

Попробуйте console.table (newArray) вместо того, чтобы, если вы используете Chrome.

В противном случае console.dir (newArray) может немного улучшить ситуацию.

Answer 4

Вы также можете использовать пользовательский регистратор:

var newArray = [[1,1,1], [1,1,1], [1,1,1]]; 

var logArrayOfArrays = function(array){ 
    var length = array.length; 
    for(var i = 0; i < length ; i++){ 
     console.log(array[i]); 
    } 
} 

logArrayOfArrays(newArray);