本章目标
- 认识了解对象
- 如何创建对象
- 对象有数组的区别于联系
知识点？
一、 为什么要有对象 ，怎么创建对象
对象吗?就当和现实中的对象一样:一个"人"对象
var person = new Object();
person.age = 18;
person.weight = "123kg";
person.height = "170cm";
person.arm = 2;//两个臂膀
person.leg = 2;
var person={"age":18,"weight":"123kg","height":"170cm","arm":2,"leg":2}
上面创建的对象,描述了现实中的人的一些特性:年龄 18;重量 123kg;身高 170cm;不是残疾(这个是我推断的); 其实数组也能完成这样的工作
对象是一堆属性的集合,其实它和数组是相通的
二、对象与数组的区别于联系
var obj = new Object();//创建一个对象
obj.property = "value";//使用点语法给对象添加属性
alert(obj);//只会输出含糊的[object Object]
alert(obj.property);//真正的数据全存储在它的属性上面
var obj={"property":"value"}
2.1 用数组的方式创建一个对象
上面创建的对象,描述了现实中的人的一些特性:年龄 18;重量 123kg;身高 170cm; 其实数组也能完成这样的工作
var person = new Array();
person[0] = 18;
person[1] = "123kg";
person[2] = "170cm";
person[3] = 2;
person[4] = 2;
但是这样的表达方式,没人能看出这是一个"人"对象,使用数字下标没有对象的属性明了,代码难于理解. 其实数组可以使用字符串下标的
var person = new Array();
person["age"] = 18;//注意,中括号里的下标是一个字符串,所以需要使用引号
person["weight"] = "123kg";
person["height"] = "170cm";
person["arm"] = 2;
person["leg"] = 2;
2.2 数组和对象是相通的
var arr = new Array();
var obj = new Object();
alert(typeof arr);//object
alert(typeof obj);//object
所以,数组用字符串下标,事实上也是在给其添加属性
var arr =[1,2,3];
arr["property"]="some data";
alert(arr.property);//"some data"
//但注意的是,数组的length属性只能报告具有数字下标的元素的个数
alert(arr.length);//3
2.3 循环对象与数组
对于数组,我们可以使用for对其进行遍历,但for循环只能遍历具有数字下标的元素
var arr =[1,2,3,4];
arr["stringIndex"]="some data";//这个不会被遍历到
alert(arr.length);//arr.length属性也不报告包含此元素
for (var i=0;i< arr.length;i++) {
alert(arr[i]);//i只会是数字,所以不能遍历字符串下标的元素
}
for.. in...循环出现了 (对于研究对象,for in循环太有用了)
var arr = [1,2,3,4,5,6];
arr["property"]=78;//会被遍历到,因为它是属性
for (var i in arr) {
alert(i+" : "+arr[i]);
}
对于数组,我们可以使用for对其进行遍历,但for循环只能遍历具有数字下标的元素
var obj={ "age":12,"height":170};
for (var i in obj) {//i将会被列举为键名,就是所说的字符串的下标
alert(i+"\n"+obj[i]);/*将会以类似age
12
这样的格式分别输出它的键名键值对
*/
}
JSON (JavaScript Object Notation)
本章目标
1， 了解json 使用json格式
知识点讲解
一、 json
是一种轻量级的数据交换格式，我们称之为JavaScript对象表示法
1.1 JSON结构：
数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组
var peson= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
1.2 JSON值：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null
{ "firstName":"John" , "lastName":"Doe" }
{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }]
}
1.3 解析和序列化
如果是载入的JSON文件，我们需要对其进行使用，那么就必须对JSON字符串解析成原生的JavaScript值。当然，如果是原生的JavaScript对象或数组，也可以转换成JSON字符串。
对于讲JSON字符串解析为JavaScript原生值，早期采用的是eval()函数。但这种方法既不安全，可能会执行一些恶意代码。
var txt = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"George" , "lastName":"Bush" },' +
'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
eval("("+txt+")");
JSON.parse(txt);//字符转json
JSON.stringify(obj)//json转 字符
