一、JS声明对象或数组 JS对象:{ } JS数组:[ ]
对象 var b={m:'123',n:'abc'};alert(b.m);alert(b.n);
一维数组 var a=[1,2,3];alert(a[1]);alert(a.length);
二维数组 var ar = [ [ 'a' , 'b'],[ 4, 5 , 6 , 5 ],[ 7, 8 , 9 ] ];alert(ar[1].length);
对象跟数组结合 var b={m:[{f:'123'},{g:'abc'}],n:[{h:'456'},{u:'098'}]};alert(b.m[0].f);
数组跟对象结合 var b=[{m:'abc',n:'fff'},{x:'123',y:'555'}];alert(b[1].x);
二、数组”(array)和“对象”(object)两者都可以用来表示数据的集合。
在javascript中,对象被定义为属性和值的集合。最直接的表现便是对象字面量:var obj={a:3,b:"hello",c:[1,2,3]}。相比传统的面向对象的语言,这种方式大大简化的对象创建。在这种情况下,javascript的对象其实就是一个关联数组。在javascript中,数组又可以认为是索引数组,即可以用整数来进行索引。数组和对象在这种情况下非常接近。
比如数组a=[1,2,3,4],和对象a={0:1,1:2,2:3,3:4},运行alert(a[1])两种结果是相同的。
这就是说,数据集合既可以用数组表示,也可以用对象表示,那么我到底该用哪一种呢?
数组和对象的区别:
(1)数组表示有序数据的集合,而对象表示无序数据的集合。——如果数据的顺序很重要,就用数组,否则就用对象。
(2)数组的数据没有”名称”(name),对象的数据有”名称”(name)。
但是:数组分为索引数组(下标为整数数字)和关联数组(下标为文本)。
例如在javascript中,可以这样定义一个对象:var a={"城市":"北京","面积":16800,"人口":1600};
但是,也可以定义成一个关联数组:
a["城市"]="北京";
a["面积"]=16800;
a["人口"]=1600;
于是:在Javascript语言中,关联数组就是对象,对象就是关联数组。
因此,在javascript中,数组是一种特殊的对象,其除了具有一般对象的一些属性和方法外,还具有一些专属于数组的属性和方法:push,pop等。
当使用typeof判断数组类型时其会返回object。有一个比较直观的方法可以说明对象和数组之间的关系:
var a=[1,2,3,4];a["pro"]="hello";alert(a.length);//4
在这种情况下,数组a的长度不变,pro是a这个对象的属性而不是其元素。由于在javascript中,对象的属性可以用点号和中括号来引用,而数组的元素使用中括号来引用,因此会造成误解。
总结:
区别:
(1)创建方式不同:数组表示有序数据的集合,而对象表示无序数据的集合。数组的数据没有”名称”(name),对象的数据有”名称”(name)。
var arr = [11,22,33,44,55];
var obj = {
attr1:'01',
attr2:'02',
attr3:'03',
attr4:'04',
attr5:'05'
}
(2)调用方法不同
对象的属性可以用点号和中括号(注意中括号内是字符串表达式,要加引号)来引用,而数组的元素使用中括号来引用。
console.dir(arr[1]);
console.dir(obj.attr1);
console.dir(obj['attr1']);
(3)对象键值唯一,数组可以重复
var arr = [11,11,33,44,55];
var obj = {
attr1:'01',
attr2:'02',
attr3:'03',
attr4:'04',
attr5:'05',
attr1:"00"
}
console.dir(arr);
console.dir(obj);
(4)对象没有长度,不能用for循环
// 对象没有长度
console.dir(arr.length); //
console.dir(obj.length); // undefined for (var i = 0; i <arr.length; i++) {
console.dir(arr[i]);
}
相同点:
(1)数组和对象都可以使用for...in 循环
for(var index in arr){
console.dir(index); // 属性
console.dir(arr[index]); // 值
}
for(var attr in obj){
console.dir(attr); // 属性
console.dir(obj[attr]); // 值
}