JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

前回の記事「JS 配列の学習: すべての要素をクリアする 4 つの方法 (詳細なコードの説明)」では、配列の要素をすべて削除する、つまり配列をクリアする 4 つの方法を説明しました。 JavaScript 配列の学習を続けて、1 次元配列と 2 次元配列の作成とアクセスについて話して、多次元配列の簡単な説明を拡張しましょう。

まず、1 次元配列がどのように作成され、アクセスされるかを見てみましょう。

1 次元配列の作成とアクセス

1 次元配列を作成するには、「配列直接量」と「配列直接量」の 2 つの方法があります。 「

Array() 関数

」。 1. 配列直接量 "[]"

1) 「

[]

」を直接使用して変数に値を割り当てることができます。「[]」を空にすることもでき、空の配列が定義されます:

var a = [];  //空数组

長さを使用します配列プロパティの配列長を取得する場合、戻り値は 0 になります。

console.log(a.length);

現時点では、形式 配列名[添字]=値

を使用して、空の配列に値を割り当てることができます。 array

a[0]=1;
a[1]="hello";

配列の添字には数値だけでなくテキスト文字列も使用できます。その場合、配列は連想配列になります

a["姓名"]="张三";
a["年龄"]=23;

配列の添字値が負の数値、浮動小数点数、ブール値、オブジェクト、その他の値などの範囲を超える場合、JavaScript は自動的にそれを文字列に変換し、それを連想配列として定義します。

2)

配列を直接定義して初期化することもできます

複数の値を「

[]##」に直接含めることもできます#" カンマで区切られたリスト。

var a = [1, 2, 3];  //包含具体元素的数组

配列の長さ属性を使用して、配列の長さを取得します。戻り値は、特別に定義された配列要素の数です。

2. new Array() を使用して配列を構築します

1)

パラメータを渡さずに Array() 関数を直接呼び出すと、空の配列を作成できます。

var a = new Array();  //空数组

配列の長さプロパティを使用して配列の長さを取得すると、戻り値は 0 になります。

2)

Array() 関数を呼び出すときに複数の値 (カンマ区切り) を渡すと、実際の配列を作成できます。

var a = new Array(1,2,3);

3)

Array() 関数を呼び出すときに数値パラメーターが 1 つだけ渡される場合、配列の長さ、つまり含まれる要素の数のみが定義されることを意味します。 ; 配列要素は空であり、各要素のデフォルト値は未定義です。 (配列内の要素の値は定義されていません。構文的には、カンマ 2 つの間に値が存在しない要素をギャップ要素と呼びます)

var a = new Array(3);

または複数の値を含む配列ギャップ要素はギャップ配列とも呼ばれます。

var a = [1, , 2];

var a = [1, 2, 3];
delete a[1];

ギャップ要素を生成してギャップ配列を形成することもできます。

3. 配列へのアクセス

配列へのアクセスとは、配列要素へのアクセスを意味します。形式 配列名[添字式]

を使用して、配列へのアクセス、読み取り、書き込みを行うことができます。

注: 添字式は、値が非負の整数である式です。

たとえば、上の例の

delete a[1]

は、delete キーワードを使用して、配列内の添え字 1 を持つ要素を削除します (つまり、2 番目の要素を削除します)。

また:

var a = [];  //空数组
a[0]=1;
a[2]="hello";

は、配列の添字 0 と 2 の要素にそれぞれ値を代入するもので、添字 1 の要素の値が代入されていない場合は、未定義であること。指定した配列要素を出力したい場合は、次の形式を使用することもできます。

console.log(a[0]);  //读取第一个元素，返回值为1
console.log(a[1]);  //读取第二个元素，返回值为undefined
console.log(a[2]);  //读取第三个元素，返回值为hello

2 次元配列の作成とアクセス

JavaScript は 2 次元配列を直接サポートしていませんが、配列要素の値を配列と同じに設定して、2 次元配列の構造をシミュレートできます。

#1. 2 次元配列の定義

2 次元配列の定義方法 1:

var a = [];
a[0,0] = 1;
a[0,1] = 2;
a[1,0] = 3;
a[1,1] = 4;

2 次元配列を定義する方法 2:

var a = [  //定义二维数组
    [1.1, 1.2],
    [2.1, 2.2]
];

定义二维数组的方法3：

var a = new Array(
[1.1, 1.2],
[2.1, 2.2]);  //定义二维数组

按照这种思想，如果二维数组中每个元素的值也为数组，则可以模拟三维数组，以此类推，通过数组嵌套的形式可以定义多维数组。

2、访问二维数组

访问二维数组甚至三维数组、多维数组的方法，和访问一维数组的方法一样，都是使用中括号进行访问：

数组名[下标表达式1] [下标表达式2]

数组名[下标表达式1] [下标表达式2] [下标表达式3]

...

数组名[下标表达式1] [下标表达式2] [下标表达式3]...[下标表达式N]

更高维度的数组以此类推。

好了，就说到这里了，有需要的可以看：javascript高级教程

以上がJS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。