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

Question

Ivan Gagarinov · Accepted Answer

Для вывода объекта в консоль, достаточно просто передать этот объект в вызов `console.log()`. Например:

```javascript
// Содаём объект
const user = { name: 'Ivan' };
// Выводим объект в консоль
console.log(user); // => {name: 'Ivan'}
```

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

Чтобы вывести в консоль плоский объект (объект, в котором нет вложенных объектов или массивов), достаточно передать его в `console.log()`:
```javascript
const plainObject = {
  name: 'John',
  age: 35,
  isMarried: true,
};

console.log(plainObject); // => { name: 'John', age: 35, isMarried: true }
```

Для вложенных объектов с глубиной вложенности не более двух ситуация аналогичная: просто передаём такой объект в `console.log()` и всё будет работать как надо:
```javascript
const nestedObject = {
  firstLevel: {
    secondLevel: {
      name: 'John',
      age: 35,
      isMarried: true,
    },
  },
};

console.log(nestedObject); // => { firstLevel: { secondLevel: { name: 'John', age: 35, isMarried: true } } }
``` 
Но для уровня вложенности три и более такой способ уже не подойдет, и мы увидим следующее:
```javascript
const deepNestedObject = {
  firstLevel: {
    secondLevel: {
      thirdLevel: {
        name: 'John',
        age: 35,
        isMarried: true,
      },
    },
  },
};

console.log(deepNestedObject); // => { firstLevel: { secondLevel: { thirdLevel: [Object] } } }
```

Здесь нам на помощь приходит метод `JSON.stringify()`, который преобразует объект в JSON строку. Работать этот способ будет с любым уровнем вложенности:
```javascript
console.log(JSON.stringify(deepNestedObject, null, 2));
/*
=> {
  "firstLevel": {
    "secondLevel": {
      "thirdLevel": {
        "name": "John",
        "age": 35,
        "isMarried": true
      }
    }
  }
}
*/
```

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

Ответы

Каталог