[javascript] Converting circular structure to JSON (JSON 형태 배열 로그 찍는법)

2022. 2. 22. 14:49·과거의 이력/javascript

에러 발생 원인

이벤트 발생 객체를 콘솔로그로 확인해보려고 하니

>> [objdec Object] 

 

로 출력되어 헤당 내용을 확인할 수 없었다. 떄문에 JSON.stringify 형태로 로그를 확인하려 하니,

선회하는 구조를 JSON 구조로 아래와같은 에러가 발생하였다.

 

 

에러 메시지

 

 

 

해결책

 

for in을 사용하여 해당 객체의 콘솔로그를 확인할 수 있다.

나는 키와 밸류를 모두 확인하고자 다음과 같은 로그로직을 짰다.

for (let node in event) {
   console.log(JSON.stringify(node) , ' : ' , JSON.stringify(event[node]));
}

 

 

 

 

for in 과 for of의 차이는 여기를 참고!

 

https://pro-jm.tistory.com/50

 

[javascript] for in 과 for of 사용법(차이)

막상 쓰려고하면 두개가 헷갈려서 기록한다. for ... in for ... of 반복문으로 사용되는 for in 과 for of는 ES6부터 추가되었다. 우선 두개의 차이는 다음과 같다. for in - 객체 탐색 for of - 배열 요소 탐색

pro-jm.tistory.com

 

'과거의 이력 > javascript' 카테고리의 다른 글

[javascript] 자바스크립트 소팅 sort() (큰수가 먼저 정렬되는 이유..?)  (0) 2022.02.28
[javascript] 객체에서 마지막 인덱스 찾는법 (findIndex 뒤에서부터 적용하기)  (0) 2022.02.22
[javascript] Map 알아보기 (set, get 메소드 사용하기)  (0) 2022.02.15
[javascript] 누산기 reduce 알아보기 (알고리즘 자주출몰)  (0) 2022.02.15
[javascript] for in 과 for of 사용법(차이)  (0) 2022.02.14
'과거의 이력/javascript' 카테고리의 다른 글
  • [javascript] 자바스크립트 소팅 sort() (큰수가 먼저 정렬되는 이유..?)
  • [javascript] 객체에서 마지막 인덱스 찾는법 (findIndex 뒤에서부터 적용하기)
  • [javascript] Map 알아보기 (set, get 메소드 사용하기)
  • [javascript] 누산기 reduce 알아보기 (알고리즘 자주출몰)
정많이 정만이
정많이 정만이
jeongmany
  • 정많이 정만이
    정많이 정만이
    정많이 정만이
  • 전체
    오늘
    어제
    • 분류 전체보기 (80)
      • 과거의 이력 (71)
        • CS (12)
        • 프론트엔드 (4)
        • javascript (21)
        • Vue.js (7)
        • bootstrap (1)
        • [그리드] ag-grid (3)
        • [그리드] vue-grid-layout (1)
        • HTML_CSS (5)
        • NPM (1)
        • [차트]highcharts (0)
        • JAVA (9)
        • 백엔드 (1)
        • 기본개념 (손필기) (5)
        • 프로그래머스 (1)
      • 알고리즘 (6)
      • 통계 (9)
        • 통계지식 (8)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    ubuntu설치
    ag-grid
    selectbox
    알고리즘
    java
    vue
    공유메모리
    반복문
    aggrid
    cs
    ubuntu
    코딩테스트
    버추얼박스
    js
    Webpack
    CSS
    VirtualBox
    js map
    vuejs
    자바스크립트
    webpack.config.js
    객체
    개발자
    ES6
    vue.js
    bootstrap
    vue.config.js
    JavaScript
    HTML
    우분투
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
정많이 정만이
[javascript] Converting circular structure to JSON (JSON 형태 배열 로그 찍는법)
상단으로

티스토리툴바