コンソールにテーブル形式のデータを表示する際に、console.table()関数は非常に便利です。この関数を使うと、配列やオブジェクトのデータを見やすいテーブル形式でコンソールに出力することができます。
console.tableを使用して()関数を使用してテーブル形式のデータをコンソールに書き込む方法
テーブル形式のデータをコンソールに書き込むには、console.table()関数を使用します。この関数は、オブジェクトの配列や2次元配列を受け取り、それらをテーブル形式でコンソールに表示します。
以下は、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
この方法を使うことで、データを見やすく整形されたテーブル形式で表示することができます。
よくある質問（FAQ）
Q. console.table()はどんな場合に役立ちますか？
A. オブジェクトの配列や2次元配列をテーブル形式で見やすく表示できます。APIから取得したデータやDOM要素のリストをデバッグする際に特に便利です。
Q. console.table()で表示する列を絞り込むには？
A. 第2引数に表示したいプロパティ名の配列を渡します。例：console.table(data, [“name”, “age”])でnameとageの列だけ表示されます。
Q. console.table()はブラウザとNode.jsで動作しますか？
A. 両方で動作します。ブラウザ（DevTools）では視覚的なテーブルが表示され、Node.jsではテキストのテーブルが出力されます。本番環境ではconsoleログは削除するかno-console ESLintルールを設定してください。
まとめ
これらは、配列やオブジェクトの内容を確認する際や、データの整形やフィルタリング後の結果を確認するのに役立ちます。
console.table()は、JavaScriptでのデバッグやデータの可視化において非常に便利なツールです。