[34일차][javascript] JSON

JSON 표기 기본형식 및 설정 방법

JSON 기본형식

let 객체명 = {이름:값, 이름:값}; 
let value = 객체명.이름;
객체명.이름 = "값"; 

• with 키워드 : 객체명을 with로 선언하고 코드르 줄여준다.

  let view = ""; 
  with(info){ 
    view += "이름: "+name; 
    view += "이름: "+age; 
    view += "이름: "+email; 
  } 
  document.write(view); 

  
  

JSON에 배열데이터 할당

let 객체명 = {이름:값, 이름:["값1","값2"],이름:값}
let value = 객체명.이름[인덱스];

JSON을 포함한 JSON

let 객체명 = { 하위 객체명 : {이름:값, 이름:값} } 
let value = 객체명.하위객체명\[index\].값의 이름 

JSON 표기법을 적용한, 객체지향 구현

let 객체명 = { 
    "필드명" : "값", 
    함수명 : function(){...},
    함수명 : function(){...} 
} 
let value = 객체명.함수명(); 

JSON을 포함하는 배열

• parse() : String객체를 JSON으로 변환해 준다.
• stringify() : JSON 객체를 String으로 변환해준다.

let user ={ 
    name:'javascript',
    email:'javauser@naver.com', 
    phone:'02-506-3536' 
} 
let userString = JSON.stringify(user); 
document.getElementById("string").innerHTML = userString; 

let userJson =""; console.log(typeof(JSON.parse(userString))); 
JSON.parse(userString, function(key,value){ 
    if(key!=""){ userJson += key +" : "+value+"<br/>"; } 
}) 
document.getElementById("json").innerHTML = userJson;