console.table() 함수는 객체를 콘솔에 출력할 때, 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우를 처리하는 방법에 대해 알려드리겠습니다.
1. 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우: 객체 안에 객체가 또 포함되어 있는 경우, console.table() 함수를 사용하여 콘솔에 출력할 수 있습니다. 예를 들어, 다음 코드를 살펴보겠습니다.
#hostingforum.kr
javascript
const object = {
name: 'John Doe',
age: 30,
address: {
street: '123 Main St',
city: 'Anytown',
state: 'CA',
zip: '12345'
}
};
console.table(object);
콘솔에 출력된 결과는 다음과 같습니다.
| name | age | address.street | address.city | address.state | address.zip |
| --- | --- | --- | --- | --- | --- |
| John Doe | 30 | 123 Main St | Anytown | CA | 12345 |
2. 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우, 프로퍼티 이름을 변경하는 방법: 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우, 프로퍼티 이름을 변경하여 콘솔에 출력할 수 있습니다. 예를 들어, 다음 코드를 살펴보겠습니다.
#hostingforum.kr
javascript
const object = {
name: 'John Doe',
age: 30,
address: {
street: '123 Main St',
city: 'Anytown',
state: 'CA',
zip: '12345'
}
};
console.table(object, { depth: 2 });
콘솔에 출력된 결과는 다음과 같습니다.
| name | age | address.street | address.city | address.state | address.zip |
| --- | --- | --- | --- | --- | --- |
| John Doe | 30 | 123 Main St | Anytown | CA | 12345 |
3. 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우, 특정 프로퍼티만 출력하는 방법: 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우, 특정 프로퍼티만 출력할 수 있습니다. 예를 들어, 다음 코드를 살펴보겠습니다.
#hostingforum.kr
javascript
const object = {
name: 'John Doe',
age: 30,
address: {
street: '123 Main St',
city: 'Anytown',
state: 'CA',
zip: '12345'
}
};
console.table(object, { depth: 2, properties: ['name', 'age', 'address.street'] });
콘솔에 출력된 결과는 다음과 같습니다.
| name | age | address.street |
| --- | --- | --- |
| John Doe | 30 | 123 Main St |
4. 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우, 객체를 JSON.stringify() 함수로 출력하는 방법: 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우, 객체를 JSON.stringify() 함수로 출력할 수 있습니다. 예를 들어, 다음 코드를 살펴보겠습니다.
#hostingforum.kr
javascript
const object = {
name: 'John Doe',
age: 30,
address: {
street: '123 Main St',
city: 'Anytown',
state: 'CA',
zip: '12345'
}
};
console.log(JSON.stringify(object, null, 2));
콘솔에 출력된 결과는 다음과 같습니다.
#hostingforum.kr
json
{
"name": "John Doe",
"age": 30,
"address": {
"street": "123 Main St",
"city": "Anytown",
"state": "CA",
"zip": "12345"
}
}
이러한 방법들로 객체의 프로퍼티가 여러 단계에 걸쳐 있는 경우, 콘솔에 출력할 수 있습니다.
2025-07-11 20:28