Неправильный вывод в консоль двумерного массива

@alex_7 · Регистрация: 17.03.2016

Студворк — интернет-сервис помощи студентам

Привет всем.

С обычным одномерным массивом всё работает правильно:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8"/>
    <title>JavaScript</title>
</head>
<body>
 
<script>
 
    const person = ["Alex", 21];
    console.log(person); // Array [ "Alex", 21 ]
 
    person[0] = "Dima";
    console.log(person); // Array [ "Dima", 21 ]
 
    person[1] = 32;
    console.log(person); // Array [ "Dima", 32 ]
    
</script>
 
</body>
</html>

в консоли браузера как и ожидалось:

Неправильный вывод в консоль двумерного массива

т.е. меняем значения элементов и видим последовательные изменения в консоли браузера.

А теперь похожая вещь, но только с двухмерным массивом:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8"/>
    <title>JavaScript</title>
</head>
<body>
 
<script>
 
    const people = [
        ["Tom", 25, false],
        ["Bill", 38, true],
        ["Alice", 21, false]
    ];
    console.log(people); // тут ожидаю такой результат:
                         //     ["Tom",   25, false]
                         //     ["Bill",  38, true]
                         //     ["Alice", 21, false]
 
 
    people[0][1] = 56;         // присваиваем отдельное значение
    console.log(people[0][1]); // 56
    console.log(people); // тут ожидаю такой результат:
                         //     ["Tom",   56, false]
                         //     ["Bill",  38, true]
                         //     ["Alice", 21, false]
 
 
    people[1] = ["Bob", 29, false]; // присваиваем массив
    console.log(people[1][0]);      // Bob
    console.log(people); // тут ожидаю такой результат:
                         //     ["Tom",   56, false]
                         //     ["Bob",   29, false]
                         //     ["Alice", 21, false]
 
</script>
 
</body>
</html>

здесь в консоли браузера отображается такой ответ:

т.е. во все трёх выводах всего массива в консоль я вижу один и тот же финальный вид массива, хотя в первых двух выводах я ожидал увидеть другие результаты. Проверил в браузерах Фаерфокс и Хром.

Кто знает, почему так происходит? :-)

@NTHing · 23.12.2024, 14:05

В Хроме если развернуть вывод массива (нажать на иконку-треугольник в начале
строки) будет синяя иконка "инфо". Почитайте. Также можете использовать
console.table(). На форуме несколько лет назад эта тема объяснялась, можно попробовать найти.

Новые блоги и статьи Все статьи Все блоги /
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .
Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .

@NTHing 1782 / 963 / 388 Регистрация: 26.11.2014 Сообщений: 1,966 Записей в блоге: 1
	23.12.2024, 14:05
	В Хроме если развернуть вывод массива (нажать на иконку-треугольник в начале строки) будет синяя иконка "инфо". Почитайте. Также можете использовать console.table(). На форуме несколько лет назад эта тема объяснялась, можно попробовать найти. 0