XML (Extensible Markup Language)은 개방형 데이터 교환을위한 유일한 선택으로 간주되었습니다. 그러나 개방형 데이터 공유의 발전으로 인해 . 이제 JSON이란 무엇이며 다음 순서로 JavaScript와 어떻게 다른지에 대해 자세히 알아 보겠습니다.
tostring 메소드 작성 방법
JSON이란?
JavaScript Object Notation ( JSON )는 체계적이고 쉬운 방식으로 정보를 저장하는 방법입니다. 데이터는 브라우저와 서버간에 교환 할 때 텍스트 형식이어야합니다. 당신은 어떤 것을 변환 할 수 있습니다 JavaScript 객체 으로 JSON 서버에 JSON을 보냅니다.
서버에서받은 JSON을 사물. 복잡한 구문 분석 및 번역없이 데이터를 JavaScript 개체로 작업하는 데 도움이됩니다.
이제 JSON이 무엇인지 알았으므로 계속해서이를 사용해야하는 이유와 JSON 사용의 다른 장점이 무엇인지 살펴 보겠습니다.
JSON을 사용하는 이유는 무엇입니까?
JSON은 경량 과 사용하기 쉬운 다른 개방형 데이터 교환 옵션과 비교할 때. 그러나 이것이 API 통합에 사용해야하는 유일한 이유는 아닙니다. 다음과 같은 장점 때문에 다른 옵션보다 선호됩니다.
덜 자세한 – 그것은 더 있습니다 컴팩트 스타일 XML에 비해. 이것은 더 읽기 쉽게 만듭니다. 그만큼 경량 접근 JSON 복잡한 시스템으로 작업하면서 상당한 개선을 이룰 수 있습니다.
더 빠르게 – XML 소프트웨어 구문 분석 프로세스는 JSON보다 느립니다. 이는 DOM 조작 라이브러리가 큰 XML 파일을 처리하기 위해 더 많은 메모리를 필요로하기 때문입니다. JSON 반면에 적은 데이터 비용을 절감하고 파싱 속도 .
읽기 가능 – JSON의 구조는 다음과 같습니다. 똑바로 과 쉽게 읽을 수 있음 . 작업중인 프로그래밍 언어에 관계없이 도메인 개체에 쉽게 매핑 할 수 있습니다.
구조화 된 데이터 – JSON은 지도 데이터 구조 XML에는 트리 구조가 있습니다. 키 또는 값 쌍은 작업을 제한 할 수 있지만 예측 가능하고 이해하기 쉬운 데이터 모델을 얻을 수 있습니다.
JSON 대 XML
양자 모두 XML 및 JSON 오늘날 널리 사용되고 있습니다. 그들은 사용 데이터 교환 형식과 둘 다 구조화 된 데이터를 저장하는 방법으로 애플리케이션에서 채택되었습니다. 둘의 차이점을 살펴 보겠습니다.
JSON | XML |
JSON은 읽고 쓰기가 간단합니다. 그것은 또한 지원합니다 정렬 . 더 많은 JSON 파일 사람이 읽을 수있는 XML보다. 그것은 지원합니다 본문 과 번호 데이터 형식 | XML은 JSON에 비해 덜 간단합니다. 어레이를 지원하지 않습니다. XML 파일은 사람이 읽을 수없는 . 다음과 같은 많은 데이터 유형을 지원합니다. 텍스트, 숫자, 이미지, 차트, 그래프 등 |
JSON 예-
{ '직원': [{ 'name': 'Lisa', 'email': 'lisa101@xyz.com'}, { 'name': 'Neil', 'email': 'neilps@xyz.com'}, { 'name': 'Jai', 'email': 'jai87@xyz.com'}]}
XML 예-
리사 lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com
구문 규칙
그만큼 JSON 구문은 하위 집합 의 자바 스크립트 통사론. 구문은 JavaScript 객체 표기법 구문에서 파생되며 다음 규칙으로 구성됩니다.
- 데이터가 기록됩니다. 이름 또는 값 한 쌍.
- 데이터는 분리 쉼표로.
- 곱슬 바지 멜빵 잡아 사물.
- 대괄호 잡아 배열.
JSON 형식은 JavaScript 객체와 매우 유사합니다. 여기에서 키는 다음과 같이 큰 따옴표로 작성된 문자열이어야합니다.
{ 'name': 'Susan'}
JSON 기초
에 JSON , 가치 다음 데이터 유형 중 하나 여야합니다.
- 끈
- 번호
- 객체 (JSON 객체)
- 배열
- 부울
- 없는
끈
에 JSON , 키는 큰 따옴표로 작성된 문자열이어야합니다.
{ 'name': 'Mary'}
에 자바 스크립트 , 키는 문자열, 숫자 또는 식별자 이름 일 수 있습니다.
{name : 'Mary'}
사물
JSON 객체는 중괄호 {}로 둘러싸여 있습니다. 다음과 같은 방식으로 키 또는 값 쌍으로 작성됩니다.
{ '이름': '리사', '연령': 23, '자동차': BMW}
배열
JSON의 배열은 JavaScript의 배열과 거의 동일합니다. JSON에서 배열 값은 문자열, 숫자, 객체, 배열, 부울 또는 null 유형입니다. 반면 JavaScript에서 배열 값은 위의 모든 값과 함께 함수, 날짜 및 정의되지 않은 다른 유효한 JavaScript 표현식이 될 수 있습니다.
JSON의 배열은 객체 속성의 값이 될 수 있습니다. 다음과 같이 정의됩니다.
{ 'name': 'Lisa', 'age': 23, 'cars': [ 'Ford', 'BMW', 'Fiat']}
JSON 객체를 JavaSCript 텍스트로 변환
JSON은 일반적으로 데이터 읽기 에서 웹 서버 웹 페이지에 데이터를 표시합니다. 문자열을 입력으로 사용하여이를 입증 할 수도 있습니다.
예를 들어 함수를 사용하여 JSON 객체를 자바 스크립트 텍스트로 변환하는 방법을 살펴 보겠습니다. JSON.parse () :
JSON 텍스트를 자바 스크립트 객체로 변환
JSON 객체 : 자바 스크립트 객체 사용 : var jsonobj = '{'name ':'Josh Huan ','employeeID ':'1107 ','age ': 25}'// 여기서 JSON을 객체로 변환합니다. var obj = JSON.parse (jsonobj) document.getElementById ( 'example1'). innerHTML = obj.name + ', 직원 ID'+ obj.employeeID + '및 연령'+ obj.age document.getElementById ( 'example'). innerHTML = jsonobj
개체를 텍스트로 변환하고 다음을 제공합니다. 산출 :
이것으로 우리는 우리 기사의 끝까지 왔습니다. JSON이 무엇이며 왜 이것을 사용해야하는지 이해 하셨기를 바랍니다.
mongodb는 무엇을 위해 사용됩니까?
이제 JSON이 무엇인지 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 'JSON이란 무엇입니까?'의 주석 섹션에 언급하십시오. 다시 연락 드리겠습니다.