这篇文章的主要目的是讲解JavaScript数组和对象的混合使用,由于JS的弱检查特性,因此在JS数组中可以同时存储不同类型的变量,比如你可以把数字、字符串、字符、对象等内容放在同一个数组中。对象也可以做同样的事情,区别是对象可以指定对象里每一个成员的别名,这样在编程的时候数据更易读,比如:
var arr1 = ["飞鱼", 25, 172, "江苏"]; var person = {name:"飞鱼",age: 25, height:172,province: "江苏"};
这样,person.name是不是比arr1[0]更易读,更易使用?当然数组和对象各有优势,本文的重点是将二者的优势结合起来,综合使用。
一维数组
下面的代码创建名为 cars 的数组:先创建数组,再一一赋值
var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";
或者 (condensed array):在创建数组对象的时候赋值
复制代码 代码如下:
var cars=new Array("Audi","BMW","Volvo");
或者 (literal array):不创建变量,直接辅助,不过注意创建对象时用的小括号“( )”,而直接赋值时用的是方括号“[ ]”,这个一不小心就容易出错。
实例
复制代码 代码如下:
var cars=["Audi","BMW","Volvo"];
上面是一维数组的三种创建方式。由于JS的弱检查性,你可以在一维数组中放不同类型的变量。
二维和多维数组:
1、 创建二维数组方法一:先创建一个一维数组,然后该一维数组的所有成员再创建一维数据
var persons = new Array(); persons[0] = new Array(); persons[1] = new Array(); persons[2] = new Array(); persons[0][0] = "zhangsan"; persons[0][1] = 25; persons[1][0] = "lisi"; persons[1][1] = 22; persons[2][0] = "wangwu"; persons[2][1] = 32; persons[0] = ["zhangsan", 25]; persons[1] = ["lisi", 21]; persons[2] = ["wangwu", 32];
相比较上一种方法,这个要简单易读多了。
复制代码 代码如下:
persons.length = 3
2、创建二维数组方法二:先创建一个一维数组,然后该一维数组的所有成员直接赋值
复制代码 代码如下:
var persons = new Array();
3、创建二维数组方法三:直接赋值
复制代码 代码如下:
var persons = [["zhangsan", 25], ["lisi", 21], ["wangwu", 32]];
4、总结
第一种和第二种方法虽然麻烦一些,但贵在可以先创建一个空的多维数组,然后在for循环中根据自己的需求进行赋值。第三种方法对于枚举数据来说就比较简单易用了。
二维数组的最后一个问题,就是二维数组或多维数组的长度是多少?我们测试一下下面的代码:
复制代码 代码如下:
document.write("persons = " + persons + "<br />persons.length = " + persons.length);
输出的结果是:
persons = zhangsan,25,lisi,21,wangwu,32
也就是说,多维数组的length属性返回的是多维数组第一维的长度,而不是多维数组中元素的个数。
5、如何返回多维数组的元素个数
如下数组:
复制代码 代码如下:
var persons = [["zhangsan", 25], ["lisi", 21], ["wangwu", 32]];
通过维数(此处是3)乘以每维元素的个数(此处是2)就可以得出该多维数组的元素个数是6了。但是这并不是保险的做法,因为多维数组中每一个维度的元素个数是可以不一样的,如:
复制代码 代码如下:
var persons = [["zhangsan", 25], ["lisi", 21, 172], ["wangwu", 32]];
该数组的第一维的第二个元素数组包含三个元素,其他的只有两个,这再使用length来计算还是3,因为第一维的元素个数没变嘛。但是再使用上面的方法计算该多维数组的元素个数就不对了。
因此多维数组的length属性和一维数组一样,永远返回第一维数组的元素个数。计算多维数组的元素个数,可以自己创建一个或多个嵌套for循环来计算,如:
在知道数组的维度的情况下,可以针对该数组写算法,如二维数组:
var persons = [["zhangsan", 25], ["lisi", 21], ["wangwu", 32]]; function getArr2ElementNum(arr) { var eleNum = 0; if (arr == null) { return 0; } for (var i = 0; i < arr.length; i++) { for (var j = 0; j < arr[i].length; j++) { eleNum++; } } return eleNum; } alert(getArr2ElementNum(persons));