Console.log를 사용하여 개체 목록을 기록하지 마십시오!

JavaScript 응용 프로그램을 디버깅할 때 console.log()는 객체 또는 기타 항목의 값을 확인하기 위해 브라우저 콘솔에 로그인하는 가장 유용한 방법 중 하나입니다.

그러나 개체 목록을 표시할 때 탐색하기가 상당히 어렵습니다.

예를 들어 이 데이터를 콘솔에 기록해 보겠습니다.

const data = [
  {
    "_id": "628332c6b14a04d1708be802",
    "index": 0,
    "guid": "61ec3d19-f7f3-4083-8bef-b9042c881c79",
    "isActive": true
  },
  {
    "_id": "628332c61dc4ecd57ae4f6fd",
    "index": 1,
    "guid": "49ea2d62-afec-4f62-9eae-0890a94462e3",
    "isActive": true
  },
  {
    "_id": "628332c6391c257b04b3c574",
    "index": 2,
    "guid": "a7f2240b-5b9b-4786-8b9d-92307f313349",
    "isActive": true
  },
  {
    "_id": "628332c66e1d9b58e696e38f",
    "index": 3,
    "guid": "b52e0d56-28d8-418f-a30f-e431b7fcaa20",
    "isActive": true
  },
  {
    "_id": "628332c676d375dc108e0f28",
    "index": 4,
    "guid": "e37e0f56-1c35-4f59-bb12-eda874be49fb",
    "isActive": false
  }
]




이제 console.table(data)를 대신 사용해 보겠습니다.



데이터를 훨씬 더 읽기 쉽고 탐색할 수 있습니다. console.table here 에 대해 자세히 알아볼 수 있습니다.

bloggu.io을(를) 사용하여 게시된 기사. 무료로 사용해 보세요.

좋은 웹페이지 즐겨찾기