用JS或JSON创建对象和JSON数组

以下仅写出“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 查看本文章
发布了34 篇原创文章 · 获赞 7 · 访问量 2196

猜你喜欢

转载自blog.csdn.net/qq_37717494/article/details/104520179