English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM console.table() メソッド

 JavaScript Console オブジェクト

console.table();このメソッドはテーブルデータをコントロールタブでテーブル形式で表示します。

このメソッドは強制引数を1つ取りますデータ(配列またはオブジェクトでなければなりません)および追加のオプション引数column

テーブルの最初の列は(index)。

もしデータ配列である場合、その値は配列のインデックスになります。

もしデータオブジェクトである場合、その値は属性名になります。

文法:

console.table(data, columns)
console.table(["Apples", "Oranges", "Bananas"]);
テストを見て‹/›

ブラウザの互換性

すべてのブラウザは完全にconsole.table()メソッドをサポートしています:

メソッド
console.table();

引数の値

引数説明
データ表示するデータ。これは配列またはオブジェクトでなければなりません
columns出力に含めたい列名の配列

さらに例

データオブジェクトとしての引数:

function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
var me = new Person("Seagull", "Anna");
console.table(me);
テストを見て‹/›

もし配列の要素やオブジェクトの属性が配列やオブジェクトである場合、その要素や属性を行で列挙し、一列に一つ:

var people = [["Seagull", "Anna"], ["Ankit", "Kumar"], ["Rudra", "GI"]];
console.table(people);
テストを見て‹/›

デフォルトでは、console.table()は各行のすべての要素をリストアップします。オプションのcolumns表示する列のサブセットを選択するための引数:

function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
var Seagull = new Person("Seagull", "Anna");
var ankit = new Person("Ankit", "Kumar");
var rudra = new Person("Rudra", "GI");
console.table([Seagull, ankit, rudra], ['firstName']);
テストを見て‹/›

 JavaScript Console オブジェクト