JS의 JSON 객체 정의 및 값 인스턴스 단계에 대한 자세한 설명

이번에는 JS에서 JSON 객체의 값을 정의하고 얻는 단계에 대해 자세히 설명하겠습니다. JS에서 JSON 객체의 값을 정의하고 얻는 주의 사항은 다음과 같습니다. 살펴보자.

1.JSON(JavaScript Object Notation)은 XML보다 가벼운 간단한 데이터 형식입니다. JSON은 기본 JavaScript 형식입니다. 즉, JavaScript에서 JSON 데이터를 처리하는 데 특별한 API나 도구 키트가 필요하지 않습니다.

JSON의 규칙은 간단합니다. 객체는 "이름:값" 쌍의 순서가 지정되지 않은 모음입니다. 객체는 "{"(왼쪽 대괄호)로 시작하고 "}"(오른쪽 대괄호)로 끝납니다. 각 "이름" 뒤에는 ":"(콜론)이 옵니다. "이름/값" 쌍은 ","(쉼표)로 구분됩니다.

규칙은 다음과 같습니다.

1) 매핑은 콜론(":")으로 표시됩니다. 이름: 값
2) 병렬 데이터는 쉼표(",")로 구분됩니다. 이름 1: 값 1, 이름 2: 값 2
3) 매핑된 컬렉션(객체)은 중괄호("{}")로 표시됩니다. {이름 1: 값 1, 이름 2: 값 2}
4) 병렬 데이터의 집합(배열)은 대괄호("[]")로 표시됩니다.
[
{이름 1: 값, 이름 2: 값 2},
{이름 1: 값, 이름 2: 값 2}
]
5) 요소 값이 가질 수 있는 유형: 문자열, 숫자, 객체, array, true , false, null

2. json의 다섯 가지 쓰기 방법:

1) 데이터를 저장하고 데이터를 호출하는 전통적인 방법

<script type="text/javascript">
//JS传统方式下定义"类"
function Person(id,name,age){
this.id = id;
this.name = name;
this.age = age;
}
//JS传统方式下创建"对象"
var p = new Person(20141028,"一叶扁舟",22); 
//调用类中的属性，显示该Person的信息
window.alert(p.id);
window.alert(p.name);
window.alert(p.age);
</script>

2) 첫 번째 스타일:

<script type="text/javascript">
var person = {
id:001,
name:"一叶扁舟",
age:23
}
window.alert("编号:"+person.id);
window.alert("用户名:"+person.name);
window.alert("年龄:"+person.age);
</script>

3) 두 번째 스타일:

<script type="text/javascript">
var p = [
{id:001,name:"一叶扁舟",age:22},
{id:002,name:"无悔",age:23},
{id:003,name:"无悔_一叶扁舟",age:24}
]; 
 
for(var i = 0; i < p.length; i++){
window.alert("编号:"+p[i].id);
window.alert("用户名:"+p[i].name);
window.alert("年龄:"+p[i].age);
 
}
</script>

4 ) 세 번째 스타일:

<script type="text/javascript">
var p = {
"province":[
{"city":"福州"},
{"city":"厦门"},
{"city":"莆田"}
]
};
window.alert("所在城市：" + p.province[0].city);
</script>

5) 네 번째 스타일:

<script type="text/javascript">
var p = {
"ids":[
{"id":001},
{"id":002},
{"id":003}
],
"names":[
{"name":"一叶扁舟"},
{"name":"无悔"},
{"name":"无悔_一叶扁舟"}
]
}; 
 
for(var i = 0; i < p.names.length; i++){
window.alert("名字:"+p.names[i].name); 
}
for(var i = 0; i < p.ids.length; i++){
window.alert("id:"+p.ids[i].id);
}
 
</script>

6) 다섯 번째 스타일:

<script type="text/javascript">
var p = {
"province":["福州","厦门","莆田"]
};
window.alert("城市的个数:"+p.province.length);
window.alert("分别是：\n");
for(var i=0;i<p.province.length;i++){
window.alert(p.province[i]);
}
</script>

이 글의 사례를 읽으신 후 방법을 익히셨을 거라 믿습니다. 더 흥미로운 정보를 원하시면 다른 스타일도 주목해 주세요. PHP 중국어 웹사이트 기사에 관련된 주제가 있습니다!

추천 도서:

JS Promise 사용 사례 분석

jQuery 퍼지 쿼리 실제 사례 분석 구현

위 내용은 JS의 JSON 객체 정의 및 값 인스턴스 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!