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

HTML DOM console.table() 메서드

 JavaScript Console 객체

console.table();이 메서드는 테이블 데이터를 컨솔에서 테이블 형식으로 표시합니다。

이 메서드는 필수 매개변수를 하나 취득합니다데이터(또는 배열이나 객체여야 합니다)또한 선택 사항으로 추가 매개변수를 포함합니다column

표의 첫 번째 열은 (로 표시됩니다:index)。

만약데이터배열이라면, 그 값은 배열 인덱스가 됩니다.

만약데이터객체라면, 그 값은 속성 이름이 됩니다.

문법:

console.table(data, columns)
console.table(["Apples", "Oranges", "Bananas"]);
테스트를 보고‹/›

브라우저 호환성

모든 브라우저가 console.table() 메서드를 완전히 지원합니다:

메서드
console.table();

매개변수 값

매개변수설명
데이터표시할 데이터. 이는 배열이나 객체여야 합니다
컬럼출력에 포함되어야 할 열 이름의 배열을 포함합니다

더 많은 예제

데이터매개변수는 객체로:

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()는 각 행의 모든 요소를 나열합니다. 선택 사항으로 사용할 수 있습니다.컬럼취급하고자 하는 열을 선택하는 데 사용할 매개변수:

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 객체