Как вывести объект в консоль 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
      }
    }
  }
}
*/
2 0
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
13 июля 2022

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

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