对象与json-8.24

本章目标

1. 认识了解对象
2. 如何创建对象
3. 对象有数组的区别于联系

知识点？

一、 为什么要有对象 ，怎么创建对象

对象吗?就当和现实中的对象一样:一个"人"对象

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转 字符