Можно ли отобразить содержимое объектов в консоли chrome?

Question

У меня есть строка, я могу вывести ее на консоль, но получаю типы объектов [объект].

  console.log(`%c ${args[args.length-1]} ${performance['now'](true, args[args.length-1])} [(${args.slice(0, args.length-1)} *) ${message}]`, 'color:' + color)

Is Можно ли выставлять напоказ содержимое объектов?

console.log(`%c ${args[args.length-1]} ${performance['now'](true, args[args.length-1])} [(${args.slice(0, args.length-1)} *) ${message}]`, 'color:' + color)

Answer 1

Вы кодируете эти объекты в виде строки. Вместо этого вы можете передать значение непосредственно в console.log, чтобы получить расширенное исследование этих данных.

var a = { a: 123 }
var b = { b: 456 }
console.log('string', a, b)

Результат:

Просто обратите внимание, что ваша цветовая маркировка only работает при отображении строк, потому что для объектов консоль использует свой собственный способ его отображения, так что она может выполнять подсветку синтаксиса, показывать / скрывать свойства и другие полезные взаимодействия.