[자바스크립트] console.table() 사용법

console.tableJavaScript의 console.table() 메서드는 객체 또는 배열을 테이블 형태로 출력하는 데 사용됩니다. 이 메서드는 개발자가 개발중인 코드에서 디버깅 및 데이터 시각화를 위해 자주 사용됩니다.

 

1. 사용법

사용법은 매우 간단합니다. console.table() 메서드를 호출하고 객체 또는 배열을 전달하면, 해당 데이터가 테이블 형태로 출력됩니다. 테이블의 각 행은 배열 또는 객체의 각 요소를 나타내며, 테이블의 각 열은 해당 요소의 속성 이름이 됩니다.

아래는 console.table() 메서드의 예시입니다.

 

const fruits = [
  { name: 'apple', color: 'red' },
  { name: 'banana', color: 'yellow' },
  { name: 'grape', color: 'purple' }
];

console.table(fruits);

위 코드는 다음과 같은 결과를 출력합니다.

 

┌─────────┬───────────┬───────┐
│ (index) │    name   │ color │
├─────────┼───────────┼───────┤
│    0    │   apple   │  red  │
│    1    │   banana  │ yellow│
│    2    │   grape   │purple │
└─────────┴───────────┴───────┘

console.table() 메서드를 사용하면 다양한 유형의 객체 및 배열 데이터를 쉽게 시각화 할 수 있습니다. 이 메서드를 사용하면 개발자가 작업 중인 데이터를 더 쉽게 이해하고, 문제를 디버깅하고, 최적화할 수 있습니다.