From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/console/table/index.html | 208 ++++++++++++++++++++++++++++++ 1 file changed, 208 insertions(+) create mode 100644 files/ja/web/api/console/table/index.html (limited to 'files/ja/web/api/console/table/index.html') diff --git a/files/ja/web/api/console/table/index.html b/files/ja/web/api/console/table/index.html new file mode 100644 index 0000000000..a19551948b --- /dev/null +++ b/files/ja/web/api/console/table/index.html @@ -0,0 +1,208 @@ +--- +title: Console.table() +slug: Web/API/console/table +tags: + - API + - DOM + - Debugging + - Method + - Web Development + - web console +translation_of: Web/API/Console/table +--- +
{{APIRef("Console API")}}{{Non-standard_header}}
+ +

表形式のデータを、表で表示します。

+ +

この関数は必須の引数 data があり、これは配列またはオブジェクトでなければなりません。また、省略可能な引数 columns もあります。

+ +

data を表として出力します。配列の各要素 (data がオブジェクトである場合は、列挙可能なプロパティ) が、表の行になります。

+ +

表の 1 番目の列に、(添字) というラベルがつきます。data が配列である場合、この値は配列の添字になります。data がオブジェクトである場合、この値はプロパティ名になります。(Firefox では) console.table は表示する行が 1000 行 (最初の行は見出し) に制限されていますので注意してください。

+ +

{{AvailableInWorkers}}

+ +

プリミティブ型の集合

+ +

引数 data に、配列またはオブジェクトを渡すことができます。

+ +
// 文字列の配列
+
+console.table(["apples", "oranges", "bananas"]);
+ +

+ +
// 値が文字列のプロパティを持つオブジェクト
+
+function Person(firstName, lastName) {
+  this.firstName = firstName;
+  this.lastName = lastName;
+}
+
+var me = new Person("John", "Smith");
+
+console.table(me);
+ +

+ +

複合的な型の集合

+ +

配列の要素やオブジェクトのプロパティ自体が配列やオブジェクトである場合、それらの要素やプロパティを 1 列ずつ置く形で、各行に列挙します:

+ +
// 配列の配列
+
+var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
+console.table(people);
+ +

Table displaying array of arrays

+ +
// オブジェクトの配列
+
+function Person(firstName, lastName) {
+  this.firstName = firstName;
+  this.lastName = lastName;
+}
+
+var john = new Person("John", "Smith");
+var jane = new Person("Jane", "Doe");
+var emily = new Person("Emily", "Jones");
+
+console.table([john, jane, emily]);
+ +

配列がオブジェクトを含む場合、表の列名はプロパティ名になります。

+ +

Table displaying array of objects

+ +
// 値がオブジェクトのプロパティを持つオブジェクト
+
+var family = {};
+
+family.mother = new Person("Jane", "Smith");
+family.father = new Person("John", "Smith");
+family.daughter = new Person("Emily", "Smith");
+
+console.table(family);
+ +

Table displaying object of objects

+ +

表示する列を制限する

+ +

デフォルトでは、console.table() はすべての要素を各行に出力します。省略可能な引数 columns を使用して、表示する列のサブセットを選択できます:

+ +
// オブジェクトの配列、ただし firstName のみ表示
+
+function Person(firstName, lastName) {
+  this.firstName = firstName;
+  this.lastName = lastName;
+}
+
+var john = new Person("John", "Smith");
+var jane = new Person("Jane", "Doe");
+var emily = new Person("Emily", "Jones");
+
+console.table([john, jane, emily], ["firstName"]);
+ +

Table displaying array of objects with filtered output

+ +

列で並べ替える

+ +

列の見出しをクリックすると、その列の値で表を並べ替えることができます。

+ +

構文

+ +
console.table(data [, columns]);
+
+ +

引数

+ +
+
data
+
表示するデータ。配列またはオブジェクトでなければなりません。
+
columns
+
出力する列名を持つ配列。
+
+ +

仕様

+ + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{SpecName("Console API", "#consoletabledata-columns", "console.table()")}}{{Spec2("Console API")}}最初期の定義
+ +

ブラウザ実装状況

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
機能ChromeFirefox (Gecko)Internet ExplorerOperaSafari
基本サポート{{CompatVersionUnknown}}{{CompatGeckoDesktop("34.0")}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatNo}}
Worker で使用可能{{CompatVersionUnknown}}{{CompatGeckoDesktop("38.0")}}{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
機能AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本サポート{{CompatUnknown}}{{CompatGeckoMobile("34.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
Worker で使用可能{{CompatUnknown}}{{CompatGeckoMobile("38.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
-- cgit v1.2.3-54-g00ecf