JSON

 

 

 

JSON

 

1. JSON 객체 : JavaScript Object Notation

      a. 자바스크립트의 객체 처럼 자료를 표현하는 방식

          주의)

           객체

          let obj = {

                name:'홍길동',

                age:23

          }

 

         json객체

         {

         "name":"홍길동",

         "age":23

         }

      b. 값을 표현할 때는 문자열,숫자,불 자료형만 사용 가능

      c. 함수 사용할 수 없음

      d. 문자열은 반드시 큰따옴표(" ")로 묶어야 함

      e. 키(=속성)에도 반드시 큰따옴표를 붙여야 함

      f. 대부분의 프로그래밍 언어에서는 JSON 형식의 문자열을 읽어 들이는 기능이 있음

     g. 네트워크를 통해서 각각의 프로그래밍 언어로 만든 애플리케이션들이 데이터를 교환할 때 활용

     h. 자바스크립트 객체를 JSON 문자열로 변환할 때 JSON.stringify()메소드 사용

     i. JSON 문자열을 자바스크립트 객체로 전개할 때는 JSON.parse()메소드를 사용

 

script>
    //자료를 배열로 만들기
let data = [
    {  
      name : "홍길동",
      age : 23,
      ssn : "202503",
      grade : 3
    },
    {  
      name : "이강산",
      age : 20,
      ssn : "202501",
      grade : 4
    }
 ]

	 // 자료를 JSON으로 변환 (직렬화(serializing))
	//  console.log(JSON.stringify(data));
	//  console.log(JSON.stringify(data,null, 2));
	
	//  document.write(JSON.stringify(data));
	//  document.write('<br><br>')
	//  document.write(JSON.stringify(data));
	
	let json = JSON.stringify(data);
	console.log(json);
	// JSON 문자열을 다시 자바스크립트 객체로 변환 (역직렬화(deserializing)
	console.log(JSON.parse(json));
</script>

 

<script>
//1. 객체 생성
let juli = {
  name:"줄리",
  age:20
}

//2. JSON 객체로 변환
let j_juli = JSON.stringify(juli);
      //juli - 자바스크립트 객체
      //j_juli - JSON 객체

//3. 콘솔에 출력
console.log(j_juli); //{"name":"줄리","age":20}

//4. 자바스크립트 객체로 변환
console.log(JSON.parse(j_juli)); //{name: '줄리', age: 20}
</script>