【JavaScript】console.table()でコンソールに表形式で表示する方法｜配列・オブジェクト・列の絞り込みまで

const data = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 },
  { name: "Bob", age: 40 },
];

console.table(data);

┌─────────┬────────┬─────┐
│ (index) │ name   │ age │
├─────────┼────────┼─────┤
│ 0       │ 'John' │ 30  │
│ 1       │ 'Jane' │ 25  │
│ 2       │ 'Bob'  │ 40  │
└─────────┴────────┴─────┘

const data = [
  { name: "John", age: 30, city: "NY" },
  { name: "Jane", age: 25, city: "LA" },
];

console.table(data, ["name", "age"]); // city は表示されない

┌─────────┬────────┬─────┐
│ (index) │ name   │ age │
├─────────┼────────┼─────┤
│ 0       │ 'John' │ 30  │
│ 1       │ 'Jane' │ 25  │
└─────────┴────────┴─────┘

console.table([
  ["HTML", "CSS"],
  ["JS", "TS"],
]);

┌─────────┬────────┬───────┐
│ (index) │ 0      │ 1     │
├─────────┼────────┼───────┤
│ 0       │ 'HTML' │ 'CSS' │
│ 1       │ 'JS'   │ 'TS'  │
└─────────┴────────┴───────┘

console.table({ apple: 120, banana: 80, cherry: 300 });

┌─────────┬────────┐
│ (index) │ Values │
├─────────┼────────┤
│ apple   │ 120    │
│ banana  │ 80     │
│ cherry  │ 300    │
└─────────┴────────┘

{
  "rules": {
    "no-console": "warn"
  }
}