console.table()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015ë 11ì.
console.table() ë©ìëë í íìì ë°ì´í°ë¥¼ í
ì´ë¸ë¡ íìí©ëë¤.
ì´ í¨ììë ë°°ì´ ëë ê°ì²´ì¬ì¼ íë dataë¼ë ì¸ì를 ë°ëì ì ë¬í´ì¼ í©ëë¤.
ë ë²ì§¸ ì¸ìì¸ columnsë ì íì ì¼ë¡ ì ë¬í ì ììµëë¤.
ì´ í¨ìë data를 í
ì´ë¸ë¡ íìí©ëë¤. ë°°ì´ì ê° ìì(dataê° ê°ì²´ì¸ ê²½ì°ìë ì´ê±° ê°ë¥í ìì±)ë
í
ì´ë¸ì í ì¤ì´ ë©ëë¤.
í
ì´ë¸ì 첫 ë²ì§¸ ì¹¼ë¼ì (index)를 ë ì´ë¸ë¡ ì¬ì©í©ëë¤. dataê° ë°°ì´ì¸ ê²½ì°ìë ë°°ì´ì ì¸ë±ì¤ê°
ì´ ì¹¼ë¼ì ê°ì¼ë¡ ì¬ì©ë©ëë¤. dataê° ê°ì²´ì¸ ê²½ì°ìë ìì± ì´ë¦ì´ ê°ì¼ë¡ ì¬ì©ë©ëë¤. (Firefoxììë)
console.tableì´ 1000ì¤ ê¹ì§ë§ ííí ì ìë ì ì½ì´ ìë¤ë ì ì 주ìíì¸ì
(첫 ë²ì§¸ ì¤ì ë ì´ë¸ ì¸ë±ì¤ì
ëë¤).
ì°¸ê³ : ì´ ê¸°ë¥ì Web Workerìì ì¬ì©í ì ììµëë¤.
ìì ìë£íì 컬ë ì
data ì¸ìë ë°°ì´ ëë ê°ì²´ì¼ ê²ì
ëë¤.
// 문ìì´ì ë°°ì´
console.table(["apples", "oranges", "bananas"]);
| (index) | Values |
|---|---|
| 0 | 'apples' |
| 1 | 'oranges' |
| 2 | 'bananas' |
// ìì±ì´ 문ìì´ì¸ ë°°ì´
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const me = new Person("Tyrone", "Jones");
console.table(me);
| (index) | Values |
|---|---|
| firstName | 'Tyrone' |
| lastName | 'Jones' |
í©ì± ìë£íì 컬ë ì
ë°°ì´ì ììë ê°ì²´ì ìì±ì´ ë°°ì´ ëë ê°ì²´ë¼ë©´ ê·¸ ë°°ì´ì ìì í¹ì ê·¸ ê°ì²´ì ìì±ì´ ì¹¼ë¼ë¹ íëì© ê° ì¤ì íìë©ëë¤.
// ë°°ì´ì ë°°ì´
const people = [
["Tyrone", "Jones"],
["Janet", "Smith"],
["Maria", "Cruz"],
];
console.table(people);
| (index) | 0 | 1 |
|---|---|---|
| 0 | 'Tyrone' | 'Jones' |
| 1 | 'Janet' | 'Smith' |
| 2 | 'Maria' | 'Cruz' |
// ê°ì²´ì ë°°ì´
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const tyrone = new Person("Tyrone", "Jones");
const janet = new Person("Janet", "Smith");
const maria = new Person("Maria", "Cruz");
console.table([tyrone, janet, maria]);
ë°°ì´ì´ ê°ì²´ë¥¼ í¬í¨íê³ ìë¤ë©´ ì¹¼ë¼ì ìì±ì ì´ë¦ì ë ì´ë¸ë¡ ì¬ì©íë¤ë ì ì 주ìíì¸ì.
| (index) | firstName | lastName |
|---|---|---|
| 0 | 'Tyrone' | 'Jones' |
| 1 | 'Janet' | 'Smith' |
| 2 | 'Maria' | 'Cruz' |
// ë¤ë¥¸ ê°ì²´ë¥¼ í¬í¨íë ê°ì²´
const family = {};
family.mother = new Person("Janet", "Jones");
family.father = new Person("Tyrone", "Jones");
family.daughter = new Person("Maria", "Jones");
console.table(family);
| (index) | firstName | lastName |
|---|---|---|
| daughter | 'Maria' | 'Jones' |
| father | 'Tyrone' | 'Jones' |
| mother | 'Janet' | 'Jones' |
íìí ì¹¼ë¼ ì í
기본ì ì¼ë¡ console.table()ë ê° ì¤ë§ë¤ 모ë ìì를 ë¤ ëì´í©ëë¤. ì íì ì¼ë¡ ì ë¬í ì ìë
columns 매ê°ë³ì를 ì¬ì©íë©´ ì¼ë¶ ì¹¼ë¼ë§ ì ííì¬ íìí ì ììµëë¤.
// ê°ì²´ì ë°°ì´. firstNameë§ íì
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const tyrone = new Person("Tyrone", "Jones");
const janet = new Person("Janet", "Smith");
const maria = new Person("Maria", "Cruz");
console.table([tyrone, janet, maria], ["firstName"]);
| (index) | firstName |
|---|---|
| 0 | 'Tyrone' |
| 1 | 'Janet' |
| 2 | 'Maria' |
ì¹¼ë¼ ì ë ¬
ì¹¼ë¼ì ë ì´ë¸ì í´ë¦íë©´ í¹ì ì¹¼ë¼ì 기ì¤ì¼ë¡ í ì´ë¸ì ì ë ¬í ì ììµëë¤.
구문
table(data)
table(data, columns)
매ê°ë³ì
ë°í ê°
ìì (undefined).
ëª ì¸
| Specification |
|---|
| Console > # table > |