js の 1 次元配列、多次元配列、objects の混合使用_JavaScript スキル

この記事の主な目的は、JavaScript の配列とオブジェクトの混合使用について説明することです。JS の弱いチェック特性により、たとえば、さまざまな種類の変数を同時に JS 配列に格納できます。数値、文字列、文字、オブジェクト、その他のコンテンツを同じ配列に格納します。オブジェクトでも同じことを行うことができます。違いは、オブジェクトがオブジェクト内の各メンバーのエイリアスを指定できるため、次のようにプログラミング中にデータが読みやすくなります。

var arr1 = ["飞鱼", 25, 172, "江苏"];
var person = {name:"飞鱼",age: 25, height:172,province: "江苏"};

このように、person.name は arr1[0] よりも読みやすく、使いやすいのでしょうか?もちろん、配列とオブジェクトにはそれぞれ独自の利点があります。この記事の焦点は、両方の利点を組み合わせて包括的に使用することです。

1 次元配列 次のコードは、cars という名前の配列を作成します。まず配列を作成し、次に値を 1 つずつ割り当てます

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

または (圧縮配列): 配列オブジェクト

の作成時に値を割り当てます。

コードをコピー コードは次のとおりです:

varcars=new Array("アウディ","BMW","ボルボ");

または（リテラル配列）：変数を作成せず、直接補助しますが、オブジェクトを作成するときに使用される括弧「()」と、値を直接代入するときに使用される角括弧「[]」に注意してください。注意しないとエラーが発生します。
例

コードをコピー コードは次のとおりです:

varcars=["アウディ","BMW","ボルボ"];

上記は 1 次元配列を作成する 3 つの方法です。 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 人 = new Array();

3. 2次元配列の作成方法3：直接代入

コードをコピー コードは次のとおりです:

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

4. 概要 1 番目と 2 番目の方法はより面倒ですが、最初に空の多次元配列を作成し、次に for ループで独自のニーズに応じて値を割り当てることができます。 3 番目の方法は比較的シンプルで、列挙されたデータに使用するのが簡単です。
2 次元配列に関する最後の質問は、2 次元配列または多次元配列の長さはどれくらいかということです。次のコードをテストしてみましょう:

コードをコピー コードは次のとおりです:

document.write("persons = " + people + "
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个学院属性，而每个学院属性又是一个包含多个系的数组，这就是一个典型的多维数组和对象混合使用的例子，可以简单明了的说明和列表学校、学院和系之间的级别、归属和数量关系。