JSON(JavaScript Object Notation)은 데이터를 표현하기 위한 경량의 데이터 형식입니다. 자바스크립트에서 JSON 데이터를 배열 형태로 변환하는 방법을 알아보겠습니다.

1. JSON.parse() 메소드 사용하기

JSON.parse() 메소드를 사용하면 JSON 형식의 문자열을 JavaScript 객체로 변환할 수 있습니다. 이를 배열로 변환하기 위해서는 다음과 같은 단계를 따릅니다.

let jsonStr = '[{"name":"John", "age":30, "city":"New York"}, {"name":"Jane", "age":25, "city":"London"}]';

let jsonArray = JSON.parse(jsonStr);
console.log(jsonArray); // [{name: "John", age: 30, city: "New York"}, {name: "Jane", age: 25, city: "London"}]

위의 코드에서 jsonStr 변수에는 JSON 형식의 문자열이 할당되어 있습니다. 이를 JSON.parse() 메소드를 사용하여 JavaScript 객체로 변환하고, 그 결과를 jsonArray 변수에 할당했습니다. 이제 jsonArray 변수에는 JSON 데이터가 배열로 변환된 형태가 저장되어 있습니다.

2. for…in 루프를 활용하기

다른 방법으로는 for…in 루프를 활용하여 JSON 데이터를 배열로 변환할 수 있습니다. 다음 예시를 살펴봅시다.

let jsonObj = {
  "name": "John",
  "age": 30,
  "city": "New York"
};

let jsonArray = [];
for (let key in jsonObj) {
  jsonArray.push(jsonObj[key]);
}

console.log(jsonArray); // ["John", 30, "New York"]

위의 코드에서 jsonObj 변수에는 JSON 형식의 객체가 할당되어 있습니다. for…in 루프를 사용하여 객체의 속성을 반복하면서 값을 배열에 추가한 뒤, 최종적으로 jsonArray 변수에 배열 형태로 JSON 데이터가 저장됩니다.

결론

JSON 데이터를 자바스크립트에서 배열 형태로 변환하기 위해 JSON.parse() 메소드를 사용하거나 for…in 루프를 활용할 수 있습니다. 선택적으로 사용할 수 있는 두 가지 방법이며, 데이터의 형식에 따라 적절한 방법을 선택하여 사용하면 됩니다.

#JavaScript #JSON #배열 #변환