JavaScript에서 배열을 JSON으로 변환

이 튜토리얼에서는 JavaScript의 JSON.stringify() 함수를 사용하여 배열을 JSON으로 변환하는 방법에 대해 설명합니다.

JavaScript의 JSON.stringify() 함수를 사용하여 배열을 JSON으로 변환

JSON을 사용하여 서버에서 데이터를 보내고 받으며 데이터는 문자열 형식이어야 합니다. JSON.stringify() 함수를 사용하여 JavaScript 배열을 JSON으로 변환할 수 있습니다. 예를 들어 문자열 배열을 만들고 JSON.stringify() 함수를 사용하여 JSON으로 변환해 보겠습니다. 아래 코드를 참조하십시오.

const MyArray = ['Banana', 'Apple'];
const JsonArray = JSON.stringify(MyArray);
console.log(JsonArray)

출력:

["Banana","Apple"]

배열을 JSON으로 변환한 후 문제 없이 서버로 보낼 수 있습니다. JavaScript의 JSON.stringify() 함수를 사용하여 여러 속성을 포함하는 객체를 JSON으로 변환할 수도 있습니다. 예를 들어 자바스크립트의 JSON.stringify() 함수를 사용하여 다양한 속성을 가진 객체를 생성하고 JSON으로 변환해 보겠습니다. 아래 코드를 참조하십시오.

const MyObject = {
  name: 'Sara',
  age: 22
};
const Json = JSON.stringify(MyObject);
console.log(Json)

출력:

{"name":"Sara","age":22}

날짜 함수가 포함된 객체를 서버로 보내려면 JSON.stringify() 함수를 사용할 수 있지만 문자열로 변환하기도 합니다. 따라서 수신기에서 해당 문자열을 날짜 개체로 변환해야 합니다. 예를 들어 날짜 객체를 JSON.stringify() 함수에 전달하고 결과를 살펴보겠습니다. 아래 코드를 참조하십시오.

const MyObject = {
  name: 'Sara',
  date: new Date()
};
const Json = JSON.stringify(MyObject);
console.log(Json)

출력:

{"name":"Sara","date":"2021-07-17T02:50:10.568Z"}

출력에서 볼 수 있듯이 날짜도 문자열로 변환되었습니다. 함수가 포함된 객체 또는 배열을 변환하려는 경우 JSON.stringify() 함수는 해당 함수를 제거합니다. 따라서 객체나 배열을 JSON으로 변환하기 전에 함수를 문자열로 변환해야 하며, 수신기에서 이를 함수로 복원할 수 있습니다. 예를 들어 JSON.stingify() 함수를 사용하여 함수가 포함된 객체를 JSON으로 변환해 보겠습니다. 아래 코드를 참조하십시오.

const MyObject = {
  name: 'Sara',
  age: function result() {
    return 22;
  }
};
MyObject.age = MyObject.age.toString();
const Json = JSON.stringify(MyObject);
console.log(Json)

출력:

{"name":"Sara","age":"function result() {return 22;}"}

위 코드에서는 toString() 함수를 사용하여 함수를 문자열로 변환한 다음 JSON.stringify() 함수를 사용하여 객체를 JSON으로 변환했습니다. eval() 함수를 사용하여 함수를 복원할 수 있습니다.