Javascript的Object概念

在javascript中，对象实际上就是一个哈希表，比如下面这个user对象：

Js代码

1. function user(n, a)   
2. {   
3.     this.name = n;   
4.     this.age = a;   
5.     this.toString = function() {   
6.         return 'Name:' + this.name + ', Age:' + this.age;   
7.     }   
8. }   
9. var u = new user('tom', 18);   
10. for (var k in u) {   
11.     alert('key: ' + k + ', value:' + u[k]);   
12. }  

function user(n, a)
{
    this.name = n;
    this.age = a;
    this.toString = function() {
        return 'Name:' + this.name + ', Age:' + this.age;
    }
}
var u = new user('tom', 18);
for (var k in u) {
    alert('key: ' + k + ', value:' + u[k]);
}

 

稍作改动，使用Array对象来代替对象:

Js代码

1. var user = new Array();   
2. user['name']='tom';   
3. user['age']=18;   
4. user['toString']=function(){   
5.     return 'Name:' + this.name + ', Age:' + this.age;   
6. }   
7. alert(user.toString());  

var user = new Array();
user['name']='tom';
user['age']=18;
user['toString']=function(){
	return 'Name:' + this.name + ', Age:' + this.age;
}
alert(user.toString());

 

更简单的写法：

Js代码

1. var u = {   
2.     'name':'tom',   
3.     'age':18   
4. }   
5. u.toString = function(){return 'Name:' + this.name + ', Age:' + this.age;};   
6. alert(u.toString());  

var u = {
	'name':'tom',
	'age':18
}
u.toString = function(){return 'Name:' + this.name + ', Age:' + this.age;};
alert(u.toString());

 

由以上这些代码可以看出：

• 所有的javascript对象,包括Array对象在内实际上就是一个哈希表,属性名称就是哈希表的key，而属性的值就是哈希表的值。
• Array对象与通常意义的数组对象并不相关，通常的数组仅能通过下标来定位，而javascript中的Array却可以像哈希表一个通过key来定位集合中的对象。
• 可以将一个function直接作为值赋给对象的“哈希表”。

前端时间看了阮一峰的 《数据类型与Json格式》 一文，提到在yaml描述数据时，将所有的数据分成三种类型：

• 第一种类型是scalar（标量），一个单独的string或数字，比如“北京”这个单独的词。
• 第二种类型是sequence（序列），若干个相关的数据按照一定顺序并列在一起，又叫做array（数组）或List(列表)，比如“北京，东京”。
• 第三种类型是map（映射），一个键/值对（Key/value），又称作hash（散列）或dictionary（字典），比如“首都：北京”。

可能这三种类型我们都很熟悉，但文中提到的对json的四条规则却正好剖析了javascript描述数据的方式:

• 并列的数据之间用逗号（“,”）分隔。
• 映射用冒号（“:”）表示。
• 并列数据的集合（数组）用方括号('[]')表示。
• 映射的集合（对象）用大括号（“{}”）表示。

有了这四条规则（再加上对function的理解），对于很多看上去非常“诡异”的写法，都可以理解了。因此，一个javascript对象，实际上就是一个数组或是映射。
关于数组与映射的不同，可以看下面这个例子：

Js代码

1. var m = {   
2.     name:'keel',   
3.     age:5   
4. }   
5. var a = [m,'sss',3];   
6. //以下请求成功定位到name属性   
7. alert(m['name']);   
8. alert(a[0]['name']);//a[0]定位到m   
9. alert(a[0].name);   
10. //以下失败   
11. alert(m[0]);//映射无法以数组下标的方式访问  

var m = {
	name:'keel',
	age:5
}
var a = [m,'sss',3];
//以下请求成功定位到name属性
alert(m['name']);
alert(a[0]['name']);//a[0]定位到m
alert(a[0].name);
//以下失败
alert(m[0]);//映射无法以数组下标的方式访问

 

• 从定位到成员的方法来看，映射使用key来定位其中的成员，而数组使用下标，映射无法使用下标定位，同样数组也无法使用key（理所当然，根本就没有key）；
• 从表示方法来看，映射可以使用类似对象属性的方式来访问（如:m.name），也可以使用带key的[]方式（如:m['name']，这是javascript一个特例，看上去像数组，实际上仍是映射）；但数组仅能使用下标的方式；
• 从顺序来看：数组是有顺序的，映射是无序的；

数据类型和json格式：(Note:this blog copied from:http://www.ruanyifeng.com/blog/2009/05/data_types_and_json.html ,if u reship it,pls note the resource.)

1.

前几天，我才知道有一种简化的数据交换格式，叫做yaml。

我翻了一遍它的文档，看懂的地方不多，但是有一句话令我茅塞顿开。

它说，从结构上看，所有的数据最终都可以分成三种类型：

第一种类型是scalar（标量），也就是一个单独的string（字符串）或数字（numbers），比如“北京”这个单独的词。

第二种类型是sequence（序列），也就是若干个相关的数据按照一定顺序并列在一起，又叫做array（数组）或List(列表)，比如“北京，东京”。

第三种类型是mapping（映射），也就是一个名/值对（Name/value），即数据有一个名称，还有一个与之相对应的值，这又称作hash（散列）或dictionary（字典），比如“首都：北京”。

我恍然大悟，数据构成的最小单位原来如此简单！难怪在编程语言中，只要有了数组（array）和对象（object）就能够储存一切数据了。

2.

我马上想到了json。

21世纪初，Douglas Crockford寻找一种简便的数据交换格式，能够在服务器之间交换数据。这其实需要二步，第一步是将各种数据转化为一个字符串，也就是数据的串行化（serialization），第二步才是交换这个字符串。

当时通用的数据交换语言是XML，但是Douglas Crockford觉得XML的生成和解析都太麻烦，所以他提出了一种简化格式，也就是Json。

Json的规格非常简单，只用一个页面、几百个字就能说清楚，而且Douglas Crockford声称这个规格永远不必升级，因为该规定的都规定了。

1） 并列的数据之间用逗号（“，”）分隔。

2） 映射用冒号（“：”）表示。

3） 并列数据的集合（数组）用方括号("[]")表示。

4） 映射的集合（对象）用大括号（“{}”）表示。

上面四条规则，就是Json格式的所有内容。

比如，下面这句话：

“北京市的面积为16800平方公里，常住人口1600万人。上海市的面积为6400平方公里，常住人口1800万。”

写成json格式就是这样：

[
{"城市":"北京","面积":16800,"人口":1600},
{"城市":"上海","面积":6400,"人口":1800}
]

如果事先知道数据的结构，上面的写法还可以进一步简化：

[
["北京",16800,1600],
["上海",6400,1800]
]

由此可以看到，json非常易学易用。所以，在短短几年中，它就取代xml，成为了互联网上最受欢迎的数据交换格式。

我猜想，Douglas Crockford一定事先就知道，数据结构可以简化成三种形式，否则怎么可能将json定义得如此精炼呢！

3.

我还记得，在学习javascript的时候，我一度搞不清楚“数组”(array)和“对象”(object)的根本区别在哪里，两者都可以用来表示数据的集合。

比如有一个数组a=[1,2,3,4]，还有一个对象a={0:1,1:2,2:3,3:4}，然后你运行alert(a[1])，两种情况下的运行结果是相同的！这就是说，数据集合既可以用数组表示，也可以用对象表示，那么我到底该用哪一种呢？

我后来才知道，数组表示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，就用数组，否则就用对象。

4.

当然，数组和对象的另一个区别是，数组中的数据没有“名称”（name），对象中的数据有“名称”（name）。

但是问题是，很多编程语言中，都有一种叫做“关联数组”（associative array）的东西。这种数组中的数据是有名称的。

比如在javascript中，可以这样定义一个对象：

var a={"城市":"北京","面积":16800,"人口":1600};

但是，也可以定义成一个关联数组：

a["城市"]="北京";
a["面积"]=16800;
a["人口"]=1600;

这起初也加剧了我对数组和对象的混淆，后来才明白，在Javascript语言中，关联数组就是对象，对象就是关联数组。这一点与php语言完全不同，在php中，关联数组也是数组。

比如运行下面这段javascript：

var a=[1,2,3,4];

a['foo']='Hello World';

alert(a.length);

最后的结果是4，也就是说，数组a的元素个数是4个。

但是，运行同样内容的php代码就不一样了：

$a=array(1,2,3,4);

$a["foo"]="Hello world";

echo count($a);

最后的结果是5，也就是说，数组a的元素个数是5个。