JavaScript에서 JSON 형식 지정

1. JSON.stringify() 메서드를 사용하여 JavaScript에서 JSON 개체 형식 지정
2. JSON.stringify() 및 JSON.parse() 메서드를 사용하여 JavaScript에서 JSON 문자열 형식 지정

이 기사에서는 JavaScript에서 JSON 값의 형식을 지정하는 몇 가지 방법을 소개합니다.

JSON.stringify() 메서드를 사용하여 JavaScript에서 JSON 개체 형식 지정

JSON.stringify() 메서드를 사용하여 JavaScript에서 JSON 형식을 지정할 수 있습니다. 이 메서드는 JavaScript 값을 JSON 문자열로 변환하는 데 사용됩니다.

JavaScript 값은 개체, 배열, 문자열 등이 될 수 있습니다. 이 섹션에서는 메서드를 사용하여 JSON 개체를 형식화합니다.

먼저 방법을 문법적으로 이해합시다. JSON.stringify() 메서드의 구문은 다음과 같습니다.

JSON.stringify(value, replacer, space)

여기서 value는 객체, 배열 등과 같이 문자열로 변환될 모든 JavaScript 값입니다. replacer 매개변수는 value가 문자열화되는 방식을 수정합니다.

space 매개변수는 문자열화된 출력에서 공백을 설정합니다.

숫자 또는 문자열의 두 가지 유형이 될 수 있습니다. replacer 및 value 매개변수는 선택 사항입니다.

JSON.stringify() 메서드를 사용하여 원시 JSON 개체의 형식을 지정하고 space 매개변수를 설정할 수 있습니다.

replacer 옵션의 경우 null을 설정할 수 있습니다. 이것은 객체의 키를 문자열화합니다.

예를 들어 변수 person을 만들고 원시 개체를 할당합니다.

var person = {'name': 'Micheal', 'city': 'Stockholm'}

다음으로 JSON.stringify() 메서드를 사용합니다. 여기서 person 객체는 값입니다. null을 두 번째 매개변수로 설정하고 숫자 4를 세 번째 매개변수로 설정합니다.

다시 방법을 복제하되 이번에는 4를 "\t"로 변경합니다. 마지막으로 소스 개체와 두 개의 문자열화된 개체를 인쇄합니다.

예제 코드:

var person = {'name': 'Micheal', 'city': 'Stockholm'}

console.log(person)
console.log(JSON.stringify(person, null, 4))
console.log(JSON.stringify(person, null, "\t"))

출력:

{ name: 'Micheal', city: 'Stockholm' }
{
    "name": "Micheal",
    "city": "Stockholm"
}
{
        "name": "Micheal",
        "city": "Stockholm"
}

위의 예에서는 처음에 원시 JSON 개체를 인쇄했습니다. 포맷되지 않았습니다.

다음으로 숫자 4를 공백으로 사용하여 개체의 형식을 지정했습니다. 결과적으로 개체의 각 키-값 쌍은 새 줄로 형식이 지정됩니다.

숫자 4는 각 줄 시작 전에 4개의 공백이 있음을 결정합니다. 마찬가지로 세 번째 호출에서 "\t" 문자열을 space로 사용했습니다.

또한 개체에 서식을 지정했지만 약간의 추가 공백이 있습니다.

이렇게 하면 JSON.stringify() 메서드를 사용하여 JavaScript에서 JSON 개체의 형식을 지정할 수 있습니다.

JSON.stringify() 및 JSON.parse() 메서드를 사용하여 JavaScript에서 JSON 문자열 형식 지정

JSON.stringify() 및 JSON.parse() 메서드의 조합을 사용하여 JavaScript에서 JSON 문자열의 형식을 지정할 수 있습니다. 이 접근 방식은 첫 번째 방법에서 했던 것처럼 JSON 개체의 형식을 지정하는 방법과 유사합니다.

유일한 차이점은 JSON.stringify() 메서드에서 값으로 사용하기 전에 JSON.parse() 메서드로 문자열을 구문 분석한다는 것입니다.

JSON.parse() 메서드는 문자열을 JSON 개체로 변환합니다. 그런 다음 객체는 JSON.stringify() 메서드의 매개변수로 사용됩니다.

예를 들어 동일한 person 객체를 사용하여 JSON 문자열의 형식을 지정할 수 있습니다. 그러나 이번에는 JSON 문자열이 될 따옴표로 person 변수를 래핑합니다.

다음 예를 보십시오.

var person = '{"name":"Micheal", "city":"Stockholm"}'

console.log(person)
console.log(JSON.stringify(JSON.parse(person), null, 4))
console.log(JSON.stringify(JSON.parse(person), null, '\t'))

출력:

{"name":"Micheal", "city":"Stockholm"}
{
    "name": "Micheal",
    "city": "Stockholm"
}
{
        "name": "Micheal",
        "city": "Stockholm"
}

여기에서는 JSON.parse() 메서드를 사용하여 JSON 문자열을 개체로 구문 분석했습니다. 그런 다음 JSON.stringify() 메서드를 사용하여 개체의 형식을 지정했습니다.

이렇게 하면 JSON.parse() 및 JSON.stringify() 메서드의 조합을 사용하여 JavaScript에서 JSON 문자열의 형식을 지정할 수 있습니다.