라이브러리

[JAVASCRIPT] console.table(object) - 객체나 배열을 표 형식으로 출력




console.table(object) 에 대한 설명


`console.table()`은 JavaScript의 개발자 도구에서 사용할 수 있는 메서드입니다. 이 메서드는 객체(object)나 배열(array)과 같은 데이터를 표(table) 형식으로 출력해 줍니다.

사용법


`console.table()`은 객체(object)나 배열(array)과 같은 데이터를 인수로 전달하면, 그 데이터를 표(table) 형식으로 출력해 줍니다.

#hostingforum.kr
javascript

const user = {

  name: 'John Doe',

  age: 30,

  occupation: 'Software Developer'

};



console.table(user);



위의 예제에서는 `user` 객체를 `console.table()`에 전달하여, 그 객체를 표(table) 형식으로 출력합니다.

결과


#hostingforum.kr


┌─────────┬─────────┬────────────────┐

│ (index) │  name   │      age       │

├─────────┼─────────┼────────────────┤

│    0    │ John Doe │       30       │

├─────────┼─────────┼────────────────┤

│ occupation │ Software Developer │

└─────────┴─────────┴────────────────┘



객체의 속성에 접근하기


`console.table()`은 객체의 속성에 접근할 수 있는 메서드입니다. 예를 들어, `user` 객체의 `name` 속성을 출력하고 싶다면 다음과 같이 사용할 수 있습니다.

#hostingforum.kr
javascript

const user = {

  name: 'John Doe',

  age: 30,

  occupation: 'Software Developer'

};



console.log(user.name);



배열(array)과 함께 사용하기


`console.table()`은 배열(array)과 함께 사용할 수도 있습니다. 예를 들어, `fruits` 배열을 `console.table()`에 전달하여, 그 배열을 표(table) 형식으로 출력할 수 있습니다.

#hostingforum.kr
javascript

const fruits = ['apple', 'banana', 'cherry'];



console.table(fruits);



결과


#hostingforum.kr


┌─────────┬────────────┐

│ (index) │ fruits     │

├─────────┼────────────┤

│    0    │ apple      │

├─────────┼────────────┤

│    1    │ banana     │

├─────────┼────────────┤

│    2    │ cherry     │

└─────────┴────────────┘



정리


`console.table()`은 JavaScript의 개발자 도구에서 사용할 수 있는 메서드입니다. 이 메서드는 객체(object)나 배열(array)과 같은 데이터를 표(table) 형식으로 출력해 줍니다. 객체의 속성에 접근할 수 있는 메서드이기도 합니다.
  • profile_image
    나우호스팅 @pcs8404 

    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 전체 10,077건 / 1 페이지

검색

게시물 검색