[자바스크립트] JSON.stringify()

Nux·2022년 8월 23일
0

https://velog.io/@yoonee1126/Day62#jsonstringify

JSON

  • 브라우저와 서버 사이에서 오고가는 데이터의 형식
  • {"key":"value", "key":"value", ...}형태를 가짐

    참고
    map의 값 형식 {key=value, key=value, ...}

JSON.stringify()

JSON.stringify(value[, replacer, space])
  • 자바스크립트 값/데이터를 JSON문자열로 변환시켜주는 메서드
  • value: JSON문자열로 변환시킬 값
  • replacer: JSON문자열로 변환시킬 객체 속성을 선택
  • space: 기입한 int값 만큼 공백이 생김

replacer예제

  • value가 String인 값을 제외하고 JSON문자열로 변환
function replacer(key,value){
        if(typeof value === "string")
            return undefined;
        return value;
}
var product = { Name:"홍길동", age:27, gender:"M"};
console.dir(JSON.stringify(product,replacer));
  • 출력값
'{"age":27}'

특징

  • value가 number, boolean이면 데이터 타입은 String으로 변환
JSON.stringify(7) // 7(number)
JSON.stringify(true) // ‘true’(boolean)
JSON.stringify(null) // null
  • value가 배열이면 전체 배열이 하나의 String으로 변환
    • 배열 내 undefined, 함수, symbol등은 null로 변환
JSON.stringify([1, 'true', true]); // '[1,"true",true]'
JSON.stringify([“a”, 7, undefined, function(){return 8}, Symbol(‘’)])
			// “[“a”,7,null,null,null]” - 하나의 String 값
  • value가 객체면 객체 자체가 String화
    • 객체 내 undefined, 함수, symbol등은 생략됨
JSON.stringify({ x: 1, y: 2}); // '{"x":1,"y":2}' 또는 '{"y":2,"x":1}'
JSON.stringify({ a: 8, x: undefined, y: function(){return 8},  z: Symbol(‘’) });
			// “{“a”:8}”

참고
https://steemit.com/kr-dev/@cheonmr/json-stringify
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=pxkey&logNo=221286404342

0개의 댓글