Отладка кода VS - это замена значений объекта многоточием. Как показать значения объекта в отладке?

Как я могу заставить консоль отладки отображать фактические значения отсортированного объекта?

Результат в консоли отладки VS Code отображается, как показано ниже, и не расширяется:

[{…}, {…}, {…}, {…}, {…}, {…}]
No debugger available, can not send 'variables'

Вот простая программа, выводящая отсортированный объект, который я написал в VS Code.

const items = [
    { name: 'Edward', value: 21 },
    { name: 'Sharpe', value: 37 },
    { name: 'And', value: 45 },
    { name: 'The', value: -12 },
    { name: 'Magnetic', value: 13 },
    { name: 'Zeros', value: 37 }
  ];

// sort by value
items.sort(function (a, b) {
    return a.value - b.value;
  });

// console.log(items);

Вот файл launch.json:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": []
}

Используйте JSON.stringify или utils.inspect, если это NodeJS (последний предоставляет параметры глубины проверки).

Dave Newton 09.04.2022 21:00

Они оба работают хорошо (utils.inspect выглядит намного аккуратнее!). Спасибо.

David S 09.04.2022 21:18

Да, я случайно наткнулся на него совсем недавно, и это было очень полезно при работе с глубоко вложенным JSON :)

Dave Newton 09.04.2022 21:56
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Сравнение структур данных: Массивы и объекты в Javascript
Сравнение структур данных: Массивы и объекты в Javascript
Итак, вы изучили основы JavaScript и хотите перейти к изучению структур данных. Мотивация для изучения/понимания Структур данных может быть разной,...
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Прошлая статья была первой из цикла статей о создании системы электронной коммерции с использованием Keystone.js, и она была посвящена главным образом...
Приложение для отслеживания бюджета на React js для начинающих
Приложение для отслеживания бюджета на React js для начинающих
Обучение на практике - это проверенная тема для достижения успеха в любой области. Если вы знаете контекст фразы "Практика делает человека...
Стоит ли использовать React в 2022 году?
Стоит ли использовать React в 2022 году?
В 2022 году мы все слышим о трендах фронтенда (React, Vue), но мы не знаем, почему мы должны использовать эти фреймворки, когда их использовать, а...
0
3
15
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Важно: это решение работает, только если вы используете Node.js.

Если вы используете Node.js, вы можете использовать встроенную функцию util.inspect().

Во-первых, вы должны импортировать его с помощью require().

const util = require("util");

Затем вы можете вызвать функцию inspect. Вам нужно передать свой объект в качестве параметра.

const inspected = util.inspect(obj);
console.log(inspected);

Тогда вы сможете легко увидеть объект, не сгущаясь! Для получения дополнительной информации см. util.inspect() документация.


Если вы не используете Node.js, вы можете использовать JSON.stringify(). Вы можете просто использовать его как таковой, передав объект в качестве параметра.

const obj = [
  { name: "Edward", value: 21 },
  { name: "Sharpe", value: 37 },
  { name: "And", value: 45 },
  { name: "The", value: -12 },
  { name: "Magnetic", value: 13 },
  { name: "Zeros", value: 37 }
];

console.log(JSON.stringify(obj));

Это должно позволить вам проверить его должным образом.

Другие вопросы по теме