프론트엔드에서 js에 JSON 구문 적용

이 글의 내용은 js의 프론트엔드 적용에 관한 내용입니다. 참고할 만한 내용이 있으니 도움이 필요한 분들에게 도움이 되었으면 좋겠습니다.

Front-end---js의 JSON 구문

JSON 구문은 JavaScript 구문의 하위 집합입니다. JSON(JavaScript Object Notation) 구문은 객체를 생성하는 더 간단한 방법을 제공합니다. JSON 구문을 사용하면 함수 작성이나 new 키워드 사용을 피할 수 있으며 JavaScript 객체를 직접 생성할 수 있습니다. JavaScript 객체를 생성하려면 중괄호를 사용하고 각 속성을 "키:값" 쌍으로 작성합니다.

JSON 구문 규칙

JSON 구문은 JavaScript 개체 표현 구문의 하위 집합입니다.

데이터는 쉼표로 구분됩니다. 대괄호는 배열을 저장합니다.

JSON 이름/값 쌍

JSON 데이터는 이름/값 쌍 형식으로 작성됩니다. .

이름/값 쌍은 필드 이름(큰따옴표 안), 콜론, 값으로 구성됩니다.

"name" : "Novice Tutorial"

이것은 이해하기 쉽고 다음과 같습니다. JavaScript 문:

name = "Rookie Tutorial"

JSON 값

JSON 값은 다음과 같습니다.

Number(정수 또는 부동 소수점 숫자) 문자열(큰따옴표 안) 논리 값(true 또는 false) 배열(in) 대괄호) (in) 객체(중괄호 안) null

JSON 숫자

JSON 숫자는 정수 또는 부동 소수점일 수 있습니다.

{ "age":30 }

JSON object

JSON 객체( 중괄호 안) {}) 작성:

객체는 여러 이름/값 쌍을 포함할 수 있습니다.

{ "name":"Rookie Tutorial" , "url":"www.runoob.com" }

이 역시 이해하기 쉽습니다. 다음 JavaScript 문과 동일합니다:

name = "Rookie Tutorial" url = "www.runoob.com"

JSON array

JSON 배열은 대괄호 안에 작성됩니다:

배열은 여러 객체를 포함할 수 있습니다:

{ "sites": [ { "name":"菜鸟教程" , "url":"www.runoob.com" }, { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ] }

위의 예에서 "sites" 개체는 세 개의 개체를 포함하는 배열입니다. 각 개체는 웹 사이트(이름, URL)에 대한 기록을 나타냅니다.

위는 js의 프론트엔드에서 JSON 구문을 적용하는 방법에 대한 전체 소개입니다. JavaScript 비디오 튜토리얼에 대해 더 알고 싶다면 PHP 중국어 웹사이트에 주목하세요.

위 내용은 프론트엔드에서 js에 JSON 구문 적용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!