JavaScriptの配列とは何ですか

JavaScript では、配列とはデータを順番に並べたもので、配列の各メンバーを要素と呼び、各要素の名前 (キー) を配列の添字と呼びます。 JS 配列は、「[]」と「Array()」の 2 つの方法で作成できます。配列に含まれるデータの型は任意です。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript 配列 (Array) は、順序付けされたデータのコレクションです。配列内の各メンバーは要素 (Element) と呼ばれ、各要素の名前 (キー) は配列の添字 (インデックス) と呼ばれます。

配列にはあらゆるタイプのデータを含めることができ、配列の長さは柔軟で、読み取りと書き込みが可能です。

配列の作成

JavaScript で配列を定義 (作成または宣言) するには、配列の構築と配列リテラルの 2 つの方法があります。

1. 配列の構築

new 演算子を使用して Array() タイプの関数を呼び出すと、新しい配列を構築できます。

var a = new Array();  //空数组
var a = new Array(1, true, "string", [1,2], {x:1,y:2});  //实数组

2. 配列リテラル

配列リテラルの構文形式: 複数の値のリストを角かっこ "[]" で囲み、値の間はカンマで区切ります。

var a = [];  //空数组
var a = [1, true, "0", [1,0], {x:1,y:0}];  //包含具体元素的数组

配列へのアクセス

配列は複合データです。配列名は配列を指す参照変数であるため、配列は参照オブジェクト。

配列へのアクセスは、配列要素へのアクセスです。要素は変数に相当します。配列の要素は、順序よく配置された変数のセットです。識別子はなく、添字によってインデックスが付けられます。添字は 0 から始まり、順番に増加します。配列の添え字は負でない整数式または文字番号であり、他のタイプの値または式を使用できないことに注意してください。

配列の読み取りおよび書き込みには角括弧 [] を使用します。括弧の左側は配列名で、括弧は配列の添字です。

数组[下标表达式]

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

例 1

次のコードでは、角括弧を使用してデータを配列に書き込み、配列要素の値を読み取ります。

var a = [];  //声明一个空数组
a[0] = 0;  //为第一个元素赋值为0
a[2] = 2;  //为第三个元素赋值为2
console.log(a[0]);  //读取第一个元素，返回值为0
console.log(a[1]);  //读取第二个元素，返回值为undefined
console.log(a[2]);  //读取第三个元素，返回值为2

上記のコードでは、添字 0 と 2 の要素のみに値が割り当てられています。添字 1 の要素は空です。読み取り時の空の要素の戻り値は、デフォルトでは未定義です。

例 2

次のコードは、for ステートメントを使用して配列に値をバッチで割り当てます。配列の添字は増分式です。

var a = new Array();
for (var i = 0; i < 10; i ++) {
    a[i ++] = ++ i;
}
console.log(a);

例 3

この設計には 2 つの変数があり、値の交換を行うために他の変数の助けを必要としません。

通常、変数交換を実装するには、転送用の一時変数を定義する必要があります。

var a = 10, b = 20;  //变量初始化
var temp = a;  //定义临时变量存储a
a = b;  //把b的值赋值给a
b = temp;  //把临时变量的值赋值给b

配列を使用してこのように設計できます。

var a = 10, b = 20;  //变量初始化
a = [b, b = a][0];  //通过数组快速交换数据

設計のヒント

配列の要素では式を使用できます。式の値と要素の値は 2 つの異なる概念です。本質的には、要素も変数であり、識別子は添え字番号です。無名配列では、最初の要素に変数 b の値を渡し、代入式演算を使用して変数 a の値を 2 番目の要素の変数 b に代入し、変数 b の値を 2 番目の要素に渡します。この処理を順に実行し、変数 b の値を書き換え、配列に 2 つの要素を追加し、最後に角かっこ構文を使用して最初の要素の値を読み取り、変数 a に代入することで値を実現します交換、変更。

[関連する推奨事項: JavaScript 学習チュートリアル]

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