> 웹 프론트엔드 > JS 튜토리얼 > js 1차원 배열, 다차원 배열 및 object_javascript 기술의 혼합 사용

js 1차원 배열, 다차원 배열 및 object_javascript 기술의 혼합 사용

WBOY
풀어 주다: 2016-05-16 15:06:52
원래의
1576명이 탐색했습니다.

이 글의 주요 목적은 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";
로그인 후 복사

또는 (축소된 배열): 배열 객체 생성 시 값 할당

코드 복사 코드는 다음과 같습니다.

var cars=new Array("Audi","BMW","Volvo");

또는 (리터럴 배열): 변수를 만들지 말고 직접 보조하되, 객체를 생성할 때 사용하는 괄호 "( )"와 값을 직접 할당할 때 사용하는 대괄호 "[ ]"에 주의하세요. 조심하지 않으면 오류가 발생합니다.
예시
코드 복사 코드는 다음과 같습니다.

var cars=["아우디","BMW","볼보"];

위에는 1차원 배열을 만드는 세 가지 방법이 있습니다. JS의 약한 검사 특성으로 인해 다양한 유형의 변수를 1차원 배열에 넣을 수 있습니다.

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];
로그인 후 복사

이전 방법에 비해 이 방법이 훨씬 간단하고 읽기 쉽습니다.

코드 복사 코드는 다음과 같습니다.

명.길이 = 3

​ ​ 2. 2차원 배열 생성 방법 2 : 먼저 1차원 배열을 생성한 후 1차원 배열의 모든 멤버에 직접 값을 할당
코드 복사 코드는 다음과 같습니다.

var people = new Array();

3. 2차원 배열 생성 방법 3: 직접 할당
코드 복사 코드는 다음과 같습니다.

var 명 = [["zhangsan", 25], ["lisi", 21], ["wangwu", 32]];

4. 요약
첫 번째와 두 번째 방법이 더 번거롭기는 하지만 먼저 빈 다차원 배열을 만든 다음 for 루프에서 필요에 따라 값을 할당할 수 있습니다. 세 번째 방법은 열거된 데이터에 대해 상대적으로 간단하고 사용하기 쉽습니다.
2차원 배열에 대한 마지막 질문은 2차원 또는 다차원 배열의 길이는 얼마입니까? 다음 코드를 테스트해 보겠습니다.

코드 복사 코드는 다음과 같습니다.

document.write("persons = " + 명 + "
persons.length = " + people.length);

출력 결과는 다음과 같습니다.
           명 = zhangsan,25,lisi,21,wangwu,32
즉, 다차원 배열의 length 속성은 다차원 배열의 요소 수가 아닌 다차원 배열의 첫 번째 차원의 길이를 반환합니다.

5. 다차원 배열의 요소 개수를 반환하는 방법

다음 배열:

코드 복사 코드는 다음과 같습니다.

var 명 = [["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));
로그인 후 복사


在多维数组维度过多,嵌套复杂时,通过上面的方法来写针对的算法就太累了,特别是当这个复杂的多维数组还可能随时变换维度的情况下。如下这个复杂的多重嵌套的多维数组:
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};

上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行:

var person={
firstname : "Bill",
lastname : "Gates",
id    : 5566
};
로그인 후 복사

对象属性有两种寻址方式:
实例

name=person.lastname;
name=person["lastname"];
로그인 후 복사

对象和多维数组的混合使用:
         想象这么一个场景,要枚举并统计清华大学(qinghua)、北京大学(beida)、浙江大学(zheda)三所大学一共有多少个系,怎么做?
         首先,建立一个数组,数组中包括着三所学校:

复制代码 代码如下:

var departments = [qinghua, beida, zheda];

        每个学校又有很多不同或相同的学院(xx),如何表示?在这里就要用到数组包含对象了:
复制代码 代码如下:

var departments = [qinghua{xx1, xx2, xx3}, beida{xx4, xx5,
 xx6, xx7}, zheda{xx8, xx9}];

每个学院又有不同的系(d),如何表示?
复制代码 代码如下:

var departments = [qinghua{xx1:[d1, d2], xx2[d3, d5],
 xx3:[d7, d8]}, beida{xx4, xx5, xx6, xx7}, zheda{xx8,
 xx9}];
 //只是举个例子,后面两个大学我就不表示了

上述例子就是一个数组,该数组的元素是学校对象,学校对象有N个学院属性,而每个学院属性又是一个包含多个系的数组,这就是一个典型的多维数组和对象混合使用的例子,可以简单明了的说明和列表学校、学院和系之间的级别、归属和数量关系。
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿