[Window_Console] JS - console.table() 메서드 - 콘솔에 테이블 쓰기 (= console.table메서드 = 콘솔테이블 메서드)

목차

1. console.table() 예제 - 콘솔에 테이블 쓰기
2. console.table() 정의
3. console.table() 구문
4. console.table() 예제 - 객체로 테이블 쓰기
5. console.table() 예제 - 객체 배열로 테이블 쓰기
6. console.table() 예제 - 특정 컬럼만 보이게하기

console.table() 예제 - 콘솔에 테이블 쓰기

※ 테이블 데이터에 배열 넣기

 

<script>

console.table(["홈짱닷컴", "Homzzang.com", "코딩강의"]);

</script>

 

결과값:

PS. 결과확인: F12키  >  Console탭

console.table() 정의

 

콘솔에 테이블 메시지 쓰기.

 

---

 

1.

첫 번째 매개변수 (= 테이블에 넣을 데이터가 담긴 객체/배열)은 필수.

 

2. cf.

console.clear() 메서드 - 콘솔창 청소

console.error() 메서드 - 콘솔에 에러 메시지 쓰기

console.info() 메서드 - 콘솔에 메시지 쓰기

console.log() 메서드 - 콘솔에 메시지 쓰기

console.table() 메서드 - 콘솔에 테이블 쓰기

console.table() 메서드 - 콘솔에 테이블 메시지 쓰기

 

2.

IE8 이상 주요 최신 브라우저 지원

 

console.table() 구문

 

console.table(tabledata, tablecolumns)

 

---

[매개변수]

 

tabledata

필수. 테이블 데이터. (Object 또는 Array 형태)

 

tablecolumns

선택. 테이블 컬럼명 포함하는 배열. (Array 형태)

 

console.table() 예제 - 객체로 테이블 쓰기

 

<script>

console.table({ site : "홈짱닷컴", host : "Homzzang.com" });

</script>

 

결과값:

PS. 결과 확인 방법: F12키 > Console탭

console.table() 예제 - 객체 배열로 테이블 쓰기

 

<script>

var html = { name : "HTML", role : "뼈대" }

var css = { name : "CSS", role : "디자인" }

var js = { name : "JS", role : "기능동작" }

console.table([html, css, js]);

</script>

 

결과값:

console.table() 예제 - 특정 컬럼만 보이게하기

 

<script>

var html = { name : "HTML", role : "뼈대" }

var css = { name : "CSS", role : "디자인" }

var js = { name : "JS", role : "기능동작" }

console.table([html, css, js], ["role"]);

</script>

 

결과값: