본문 바로가기
웹/Javascript

json이란

by hihijh826 2023. 8. 3.
728x90
반응형
SMALL

(1) JSON이란

: 자바스크립트 객체 표기법을 사용하는 텍스트 형식의 자료

1-1) JSON 형식

수, 문자열,논리값,NULL,배열,객체

{
"이름" : 값,
"NAME"	:"ME",
"FULL_NAME" : "IT'S ME",  //문자열 
"GRADE":2   // 숫자
"등급":{
		"1":"1등급",
		"2" : "2등급"
	}   //배열 
}

비교<객체로 표현할 때>
{
NAME : "도레미"
}

1-2) 객체를 JSON 자료로 변환하기 - JSON.stringify() 함수

  • 자바스크립트의 객체 → json 형식으로 저장
  • json 형식을 요구하는 서버로 자료 전송
JSON.stringify(객체) 

let student = {name: "도레미",major:"computing"} //객체 생성 
let json = JSON.stringify(student) //json으 형식 바꾸기 (json변수에 할당) 

--> 결과
'{"name":도레미","major":"computing"}'

1-3) JSON 문자열을 객체로 변환하기 - JSON.parse()함수

  • 서버에서 JSON 문자열을 가져올때 사용
  • 서버에서 가져온 JSON 문자열을 자바스크립트에서 사용시 객체로 변환 해야됨
JSON.parse(JSON 문자열) 

let student='{"name":도레미","major":"computing"}' //json

let student_obj = JSON.parse(student) 

--> 결과
{name: "도레미",major:"computing"} //객체 

728x90
반응형
LIST

' > Javascript' 카테고리의 다른 글

canvas  (0) 2023.08.03
동기 /비동기  (0) 2023.08.03
fetch  (0) 2023.08.03
서버에서 자료 가져오기  (0) 2023.08.03
http 통신  (0) 2023.08.03