以下仅写出“script ”标签里的内容
一、用JS创建对象
//用JS创建对象
function Person(id,name,age){
this.id = id;
this.name = name;
this.age = age;
}
var objPerson = new Person(1,"张三",12);
alert(objPerson.name);//弹出张三
二、用JSON创建对象
var person ={
"id":1,
"name":"张三",
"age":12
};
alert(person.name);
补充:JSON 的值可以是一个函数,比如下面:
1、用匿名函数
var person = {
"id": 1,
"name": "张三",
"age": 12,
"eat": function() {
alert("吃!");
}
};
person.eat();//弹出 吃!
2、也可以用外部的函数
function person_eat() {
alert("吃!");
}
var person = {
"id": 1,
"name": "张三",
"age": 12,
"eat":person_eat //一定不要加圆括号,此处是把函数名作为一个对象来看
};
person.eat();//弹出 吃!
三、JSON 数组
var objArr = [
{"name":"张三","age":19},
{"name":"李四","age":29},
{"name":"王五","age":39},
];
for(var i = 0;i<objArr.length;i++){
alert(objArr[i].name+","+objArr[i].age);
}
四、JSON的嵌套
var objArr = {"student":[{"name":"张三","age":19},
{"name":"李四","age":29},
{"name":"王五","age":39}],
"teacher":[{"name":"刘柳","age":29},
{"name":"杨七","age":31},
{"name":"唐丽","age":32}]
};
for(var i = 0;i<objArr.student.length;i++){
alert(objArr.student[i].name+","+objArr.student[i].age);
}
注意:
JSON访问某个属性的值时,
对象(用花括号括起来的)用属性名访问,eg: person.name或者person[“name”]
数组(用方括号括起来的)用数字下标访问,eg: objArr[i].name的objArr[i]
最后讲一讲JSON:
JSON 的常规用途是同 web 服务器进行数据交换。
(1)发送:在向 web 服务器发送数据时,数据必须是字符串。
通过 JSON.stringify() 把 JavaScript 对象转换为字符串。
参考:https://www.w3school.com.cn/js/js_json_stringify.asp
(2)接收:在从 web 服务器接收数据时,数据永远是字符串。
通过 JSON.parse() 解析数据,这些数据会成为 JavaScript 对象。
参考:https://www.w3school.com.cn/js/js_json_parse.asp
对JSON的学习参考:
https://www.w3school.com.cn/js/js_json_intro.asp
扫描二维码关注公众号,回复:
9503822 查看本文章