라이브러리

[JAVASCRIPT] JSON.stringify(value) - JavaScript 객체를 JSON 문자열로 변환




JSON.stringify() 메서드는 JavaScript 객체를 JSON(JavaScript Object Notation) 문자열로 변환하는 메서드입니다. JSON은 데이터를 전달하거나 저장할 때 사용하는 포맷입니다. 이 메서드는 객체의 속성과 속성값을 JSON 형식으로 변환하여 문자열로 반환합니다.

JSON.stringify() 메서드의 사용법


JSON.stringify() 메서드는 다음과 같은 형식으로 사용할 수 있습니다.

#hostingforum.kr
javascript

JSON.stringify(value[, replacer[, space]])



- `value`: 변환할 객체입니다.
- `replacer`: 옵션입니다. 객체의 속성과 속성값을 변환할 때 사용할 함수입니다.
- `space`: 옵션입니다. JSON 문자열의 들여쓰기 수입니다.

예제 1: 기본 사용법


#hostingforum.kr
javascript

const obj = {

  name: 'John Doe',

  age: 30,

  address: {

    street: '123 Main St',

    city: 'Anytown',

    state: 'CA',

    zip: '12345'

  }

};



const json = JSON.stringify(obj);

console.log(json);



이 예제에서는 `obj` 객체를 JSON 문자열로 변환합니다. 결과는 다음과 같습니다.

#hostingforum.kr
json

{"name":"John Doe","age":30,"address":{"street":"123 Main St","city":"Anytown","state":"CA","zip":"12345"}}



예제 2: replacer 옵션 사용


#hostingforum.kr
javascript

const obj = {

  name: 'John Doe',

  age: 30,

  address: {

    street: '123 Main St',

    city: 'Anytown',

    state: 'CA',

    zip: '12345'

  }

};



function replacer(key, value) {

  if (key === 'age') {

    return 'AGE';

  }

  return value;

}



const json = JSON.stringify(obj, replacer);

console.log(json);



이 예제에서는 `replacer` 함수를 사용하여 `age` 속성의 값을 'AGE'로 변환합니다. 결과는 다음과 같습니다.

#hostingforum.kr
json

{"name":"John Doe","age":"AGE","address":{"street":"123 Main St","city":"Anytown","state":"CA","zip":"12345"}}



예제 3: space 옵션 사용


#hostingforum.kr
javascript

const obj = {

  name: 'John Doe',

  age: 30,

  address: {

    street: '123 Main St',

    city: 'Anytown',

    state: 'CA',

    zip: '12345'

  }

};



const json = JSON.stringify(obj, null, 2);

console.log(json);



이 예제에서는 `space` 옵션을 사용하여 JSON 문자열의 들여쓰기를 2칸으로 설정합니다. 결과는 다음과 같습니다.

#hostingforum.kr
json

{

  "name": "John Doe",

  "age": 30,

  "address": {

    "street": "123 Main St",

    "city": "Anytown",

    "state": "CA",

    "zip": "12345"

  }

}



예제 4: null 및 undefined 값 처리


#hostingforum.kr
javascript

const obj = {

  name: 'John Doe',

  age: 30,

  address: null,

  occupation: undefined

};



const json = JSON.stringify(obj);

console.log(json);



이 예제에서는 `address` 속성의 값이 `null`이고 `occupation` 속성의 값이 `undefined`인 경우를 처리합니다. 결과는 다음과 같습니다.

#hostingforum.kr
json

{"name":"John Doe","age":30,"address":null,"occupation":null}



JSON.stringify() 메서드는 객체의 속성과 속성값을 JSON 형식으로 변환하여 문자열로 반환합니다. 이 메서드는 객체의 속성과 속성값을 변환할 때 사용할 함수인 `replacer` 함수를 옵션으로 제공할 수 있습니다. 또한 JSON 문자열의 들여쓰기를 설정할 수 있습니다.
  • profile_image
    나우호스팅 @pcs8404 

    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

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

검색

게시물 검색