Как вывести объект в консоль js

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
06 ноября 2022

Чтобы вывести в консоль плоский объект (объект, в котором нет вложенных объектов или массивов), достаточно передать его в console.log():

const plainObject = {
  name: 'John',
  age: 35,
  isMarried: true,
};

console.log(plainObject); // => { name: 'John', age: 35, isMarried: true }

Для вложенных объектов с глубиной вложенности не более двух ситуация аналогичная: просто передаём такой объект в console.log() и всё будет работать как надо:

const nestedObject = {
  firstLevel: {
    secondLevel: {
      name: 'John',
      age: 35,
      isMarried: true,
    },
  },
};

console.log(nestedObject); // => { firstLevel: { secondLevel: { name: 'John', age: 35, isMarried: true } } }

Но для уровня вложенности три и более такой способ уже не подойдет, и мы увидим следующее:

const deepNestedObject = {
  firstLevel: {
    secondLevel: {
      thirdLevel: {
        name: 'John',
        age: 35,
        isMarried: true,
      },
    },
  },
};

console.log(deepNestedObject); // => { firstLevel: { secondLevel: { thirdLevel: [Object] } } }

Здесь нам на помощь приходит метод JSON.stringify(), который преобразует объект в JSON строку. Работать этот способ будет с любым уровнем вложенности:

console.log(JSON.stringify(deepNestedObject, null, 2));
/*
=> {
  "firstLevel": {
    "secondLevel": {
      "thirdLevel": {
        "name": "John",
        "age": 35,
        "isMarried": true
      }
    }
  }
}
*/
1 0
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
13 июля 2022

Для вывода объекта в консоль, достаточно просто передать этот объект в вызов console.log(). Например:

// Содаём объект
const user = { name: 'Ivan' };
// Выводим объект в консоль
console.log(user); // => {name: 'Ivan'}
0 0
Основы Frontend за 14 дней
  • 72 урока в онлайн-тренажере
  • 4 живых вебинара и масскодинг
  • Помощь наставника на весь период обучения

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

Система управления версиями Git, регулярные выражения и основы командой строки