[JavaScript] 자바스크립트에서 JSON 문자열 객체로 변환하기

222_자바스크립트에서 JSON 문자열 객체로 변환하기

[적용]

• JSON의 문자열을 자바스크립트의 객체에서 사용하고 싶을 때
• 네트워크에서 받은 JSON 문자열을 사용하고 싶을 때

---

[문법]

메소드	의미	반환
JSON.parse(문자열)	JSON 형식의 문자열을 JSON 객체로 변환	객체

---

[내용]

JSON.parse()를 사용해 JSON 문자열을 해석하고 자바스크립트의 값과 객체로 변환한다.

JSON.parse()로 변환한 문자열은 자바스크립트의 객체로 처리되므로 마침표(.)를 사용해 참조할 수 있다.

 

JavaScript                                                                                                                                                          main.js

// JSON 문자열
const jsonString = `{ "students": 40, "grade": 4, "name": "C반" }`;

// 문자열을 자바스크립트의 객체로 변환
const data = JSON.parse(jsonString);

console.log(data);  // 실행결과 이미지 참고

console.log(data.students);  // 결과: 40
console.log(data.grade);  // 결과: 4
console.log(data.name);  // 결과: "C반"

 

실행결과

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김