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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Чтобы вывести в консоль плоский объект (объект, в котором нет вложенных объектов или массивов), достаточно передать его в 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
      }
    }
  }
}
*/

3 года назад

Кирилл Маркеев

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

// Содаём объект
const user = { name: 'Ivan' };
// Выводим объект в консоль
console.log(user); // => {name: 'Ivan'}

3 года назад

Ivan Gagarinov

1 месяц

Основы JavaScript

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

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

Похожие вопросы