이 글의 주요 목적은 JavaScript 배열과 객체의 혼합 사용을 설명하는 것입니다. JS의 약한 검사 특성으로 인해 다양한 유형의 변수가 JS 배열에 동시에 저장될 수 있습니다. 상점 번호, 문자열, 문자, 객체 및 기타 콘텐츠가 동일한 배열에 배치됩니다. 객체도 동일한 작업을 수행할 수 있습니다. 차이점은 객체가 객체의 각 멤버에 대한 별칭을 지정할 수 있으므로 프로그래밍 중에 데이터를 더 쉽게 읽을 수 있다는 것입니다.
var arr1 = ["飞鱼", 25, 172, "江苏"]; var person = {name:"飞鱼",age: 25, height:172,province: "江苏"};
이렇게 하면 person.name이 arr1[0]보다 읽고 사용하기 더 쉽나요? 물론 배열과 객체에는 각각의 장점이 있습니다. 이 글에서는 두 가지 장점을 결합하여 포괄적으로 사용하는 데 중점을 둡니다.
1차원 배열
다음 코드는 cars라는 배열을 만듭니다. 먼저 배열을 만든 다음 값을 하나씩 할당합니다.
var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";
또는 (축소된 배열): 배열 객체 생성 시 값 할당
2차원 및 다차원 배열:
1. 2차원 배열 생성 방법 1: 먼저 1차원 배열을 생성한 후, 1차원 배열의 모든 구성원에 대한 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];
이전 방법에 비해 이 방법이 훨씬 간단하고 읽기 쉽습니다.
4. 요약
첫 번째와 두 번째 방법이 더 번거롭기는 하지만 먼저 빈 다차원 배열을 만든 다음 for 루프에서 필요에 따라 값을 할당할 수 있습니다. 세 번째 방법은 열거된 데이터에 대해 상대적으로 간단하고 사용하기 쉽습니다.
2차원 배열에 대한 마지막 질문은 2차원 또는 다차원 배열의 길이는 얼마입니까? 다음 코드를 테스트해 보겠습니다.
5. 다차원 배열의 요소 개수를 반환하는 방법
다음 배열:
通过维数(此处是3)乘以每维元素的个数(此处是2)就可以得出该多维数组的元素个数是6了。但是这并不是保险的做法,因为多维数组中每一个维度的元素个数是可以不一样的,如:
该数组的第一维的第二个元素数组包含三个元素,其他的只有两个,这再使用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));
在多维数组维度过多,嵌套复杂时,通过上面的方法来写针对的算法就太累了,特别是当这个复杂的多维数组还可能随时变换维度的情况下。如下这个复杂的多重嵌套的多维数组:
var arrN = [["zhangsan", 25, [1, "wangyuchu", 54, [123, 34, 16]], 43], ["lisi", 21, 172], ["wangwu", 32, "suzhou"]];
甚至,有些多维嵌套数组比这个还复杂,那怎么计算数组元素个数呢,我写了一个求数组元素个数的函数,不管是一维还多维,也不管是多么复杂的嵌套多维数组,都可以计算出来,算法不麻烦,主要用到了递归的理念:
//判断某个对象是不是数组
function isArray(obj) { return obj && ( typeof obj === 'object') && (obj.constructor == Array); } //eleNum变量初始值为0,用来统计数组元素个数 var eleNum = 0; //递归计算某个数组元素是不是下一维数组,如果是,则继续递归下去;如果不是,统计元素个数。 function recursion(obj) { if (isArray(obj)) { for (var j = 0; j < obj.length; j++) { if (!isArray(obj[j])) { eleNum++; continue; } recursion(obj[j]); } } else { eleNum++; } } //arr为要计算数组元素个数的一维或多维数组,通过调用递归函数recursion返回数组元素个数 function getArrNElementNum(arr) { if (arr == null) { return 0; } recursion(arr); return eleNum; } //随意定义一个复杂的多维嵌套数组 var arrN = [["zhangsan", 25, [1, "wangyuchu", 54, [123, 34, 16]], 43], ["lisi", 21, 172], ["wangwu", 32, "suzhou"]]; //打印出来数组元素个数 alert(getArrNElementNum(arrN));
对象:
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={ firstname : "Bill", lastname : "Gates", id : 5566 };
对象属性有两种寻址方式:
实例
name=person.lastname; name=person["lastname"];
对象和多维数组的混合使用:
想象这么一个场景,要枚举并统计清华大学(qinghua)、北京大学(beida)、浙江大学(zheda)三所大学一共有多少个系,怎么做?
首先,建立一个数组,数组中包括着三所学校: