JSでの配列の使い方を詳しく解説

今回は、JS での配列の使用法と、JS 配列を使用する際の注意事項について詳しく説明します。実際のケースを見てみましょう。

最近、js を知り始めたばかりの人は、js 配列とは何か、js 配列がどのように定義されているかについてよくわかっていません。興味がある方は、次の記事で js 配列の定義を紹介します。それについて一緒に学びましょう。

1. 配列とは何ですか

配列はデータのコレクションです

その表現形式はメモリ内の連続したメモリアドレスです

配列名は実際には連続するメモリアドレスの最初のアドレスです

2. jsの配列の特徴について

配列を定義するときにデータ型を指定する必要はありません

配列を定義するときに配列の長さを指定する必要はありません

配列には任意のデータ型のデータを格納できます (たとえば、1 つの要素には整数型が格納され、もう 1 つの要素には string 型が格納されます。これは JS で可能です)

配列を作成するための構文:

var arr=[値 1, 値 2, 値 3]; var arr=new Array(value 1, value 2, value 3) //直接インスタンス化

; var array=new Array(size) //配列を作成し、長さを指定します

; JS のシンボルの意味:

() は関数の実行を示します

[] は構文シミュレーションを意味し、Array クラス (=new Array()) のインスタンスをシミュレートすることを意味します

{} は構文シミュレーションを表し、

Object クラス

(=new Object()) のインスタンスのシミュレーションを表します //構文シミュレーション (通常のオブジェクト) を示します。これは、RegExp クラス (=new RegExp()) のインスタンスをシミュレートすることを意味します

//方法一 
 var arr1 = [1,3,5,7,9]; 
 document.write(arr1[2] + '<br>');
//方法二 
var arr2 = new Array(2,4,6,8,10); 
document.write(arr2[3] + '<br>'); 
//方法三 
var arr3 = new Array(3);//固定数组长度为3 
arr3[0] = 1; 
arr3[1] = 2; 
arr3[2] = 3; 
document.write(arr3[2] + '<br>');

3. 配列の長さについて

配列 object.length

js では、各配列オブジェクトは、配列オブジェクトの下に配列要素がいくつあるかを示す length 属性を呼び出すことができます

例:

rrree

4. for...in ステートメント

js では、配列はデータ型ではありません。配列のデータ型は実際にはオブジェクトです

。 Js の For....in ステートメントは、オブジェクトのすべてのプロパティをトラバースできます

for...in ステートメントを使用して、配列のすべての要素を走査することもできます

文法:

for(配列内の変数 i){

}

原則: 配列には複数の要素があり、for..in ステートメントはループ内で可能な限り何度も実行されます

実行されるたびに、現在の配列要素の添え字が変数 i

var row = ['zhangsan','lisi','wangwu']; 
 doucument.write('共有'+row.length+'个人<br>'); 
 var length = row.length;//对数组进行遍历 
for (var i=0;i<length;i++){ 
 doucument.write(row[i]+'<br>'); }

に格納されます 結果:

0:ジャンサ

1:リシ

2:王武

3:シャオチェン

5. テキストの下付き文字

形式:

arr['key'] = 値;

jsでは、テキスト添字を含む配列要素は配列の長さに含まれません

テキスト添字の形式で配列に追加されますが、実際には属性の形式で配列オブジェクトに追加されます

var row = ['zhangsan','lisi','wangwu','xiaoqiang']; 
for (var i in row){
document.write(i + ':' + row[i] + '<br>'); 
}

結果:

3

ジャンサン

リシ

テキスト添字を含む配列を反復処理します:

var arr = [1,2,3]; 
arr['first'] = 'zhangsan';
arr['second'] = 'lisi'; 
document.write(arr.length + '<br>');
document.write(arr.first + '<br>');
document.write(arr.second + '<br>');

結果:

0:1

1:2

2:3

最初:張さん

2番目:リシ

6.

多次元配列

var arr = [1,2,3];
arr['first'] = 'zhangsan';
arr['second'] = 'lisi'; 
for(var i in arr){
document.write(i + ':' + arr[i] + '<br>'); 
}

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JS プロンプト テキスト ボックスのメール アドレスの入力

getBoundingClientRectの使用法と互換性処理

以上がJSでの配列の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。