Object to Stringify with pretty
1750 단어 jsonJavaScriptobjectJavaScript
Array로 넘어온 위의 JSON 데이터를 렌더링 해줘야할 때
위와 같은 방식으로 구현할 수 있습니다!
하지만 이렇게 단순히 stringify만 해줄 시에는 렌더링이 너무 이쁘지 않습니다.
이렇게 주~욱 늘어지게 되서 작업하는 데 보기가 너무 불편합니다 ㅠㅠ
JSON.stringify(value[, replacer[, space]])
stringify는 value, replacer, space 총 3개의 인자를 가질 수 있습니다
- value : stringify할 JSON데이터
- replacer : 문자열화 동작 방식을 변경하는 함수, 혹은 JSON 문자열에 포함될 값 객체의 속성들을 선택하기 위한 화이트리스트(whitelist)로 쓰이는 String 과 Number 객체들의 배열. 이 값이 null 이거나 제공되지 않으면, 객체의 모든 속성들이 JSON 문자열 결과에 포함된다.
- space : JSON 문자열 출력에 공백을 삽입하는 데 사용하는 String 또는 Number 객체. Number일 경우 공백으로 사용되는 스페이스의 수를 나타낸다.
위의 형식으로 변경을 해주시면!!
이렇게 이쁘게 보이게 됩니다!
출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
Author And Source
이 문제에 관하여(Object to Stringify with pretty), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jerrrry/Object-to-Stringify-with-pretty저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)