ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で配列を定義するいくつかの方法を共有する

JavaScript で配列を定義するいくつかの方法を共有する

黄舟
リリース: 2017-10-10 10:32:22
オリジナル
1203 人が閲覧しました

この記事では主に、JavaScript の配列を定義する方法を、暗黙的な作成、直接インスタンス化、配列の作成、長さの指定に分けて紹介します。後ほど、便宜上、配列を json 形式で直接定義します。スクリプトハウスの編集者 紹介しますので、必要な方は参考にしてください

1. 配列とは何ですか? アドレスの先頭

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

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

配列を定義するときに配列の長さを指定する必要はありません 配列は任意のデータ型のデータを格納できます (たとえば、1 つの要素には型全体が格納され、もう 1 つの要素には型全体が格納されます)要素は文字列型を格納します。これは JS で可能です)

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

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

var array=new Array(size);

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

[] は Array クラス (=new Array()) のインスタンスのシミュレーションを表します

{} は構文シミュレーションを表し、Object クラス (=new Object()) のインスタンスのシミュレートを表します

/ / / は構文シミュレーション (通常のオブジェクト) を表し、RegExp クラス (=new RegExp()) のインスタンスのシミュレートを表します

3. 配列の長さについて

array object.length js では、すべての配列オブジェクトを length 属性と呼ぶことができます。これは、配列オブジェクトの下に配列要素がいくつあるかを示します

例:


//方法一
var arr1 = [1,3,5,7,9];
document.write(arr1[2] + &#39;<br>&#39;);
 
//方法二
var arr2 = new Array(2,4,6,8,10);
document.write(arr2[3] + &#39;<br>&#39;);
 
//方法三
var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
document.write(arr3[2] + &#39;<br>&#39;);
ログイン後にコピー

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

js では、配列はデータ型ではなく、配列のデータ型は実際には Object の For...in ステートメントです

Js はオブジェクトのすべてのプロパティを走査できます

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

構文:

for( var i in array ){

}

原則: 配列には複数の要素があり、 for..in文はループ内で何度でも実行されます

実行されるたびに現在の配列要素の添字が変数iに格納されます

var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;];
doucument.write(&#39;共有&#39;+row.length+&#39;个人<br>&#39;);

var length = row.length;//对数组进行遍历
for (var i=0;i<length;i++){
doucument.write(row[i]+&#39;<br>&#39;);
}
ログイン後にコピー

結果:

0:zhangsan

1: lisi

2: wangwu

3: xiaoqiang

5. テキストの添字


形式:

arr['key'] = value

js では、テキストの添字を持つ配列要素はカウントされません。配列の長さ

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

var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;,&#39;xiaoqiang&#39;];
for (var i in row){
 document.write(i + &#39;:&#39; + row[i] + &#39;<br>&#39;);
}
ログイン後にコピー
結果:

3

zhangsan

lisi

で配列を走査しますテキスト添え字:

var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

document.write(arr.length + &#39;<br>&#39;);
document.write(arr.first + &#39;<br>&#39;);
document.write(arr.second + &#39;<br>&#39;);
ログイン後にコピー

結果:

0:1

1:2

2:3
1番目:zhangsan
2番目:lisi

6. 多次元配列


var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

for(var i in arr){
 document.write(i + &#39;:&#39; + arr[i] + &#39;<br>&#39;);
}
ログイン後にコピー


以下はScript Houseの補足


1. 先に定義してから値を代入

var arr = [
  [10,&#39;zhangsan&#39;,&#39;male&#39;],
  [11,&#39;lisi&#39;,&#39;female&#39;],
  [12,&#39;wangwu&#39;,&#39;male&#39;]
 ];
for (var i in arr){
 for(var j in arr[i]){
  document.write(arr[i][j]);
 }
 document.write(&#39;<br>&#39;);
}
ログイン後にコピー

2. 配列の定義と同時に値を代入

var myArray3 = new Array(" " foot","本","之","家");

//配列に数値または論理値を指定する必要があります。その場合、変数の型は文字ではなく数値変数またはブール変数である必要があります変数

3、json形式の定義


var myArray1 = new Array(); //不定义元素个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
var myArray2 = new Array(4); //定义元素的个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
ログイン後にコピー
理解できない学生は、この記事を確認してください: http://www.jb51.net/article/20688.htm

Json定義の使い方と配列

Json: JavaScriptでデータを格納するために使われるメソッドです。 Json形式: var Json={a:1, b:2, c:3};配列形式: var arr=[1,2,3];


Json配列の違い:

1、 Json の添え字は文字列です (最初のデータ Json.a を呼び出す場合など)。 配列の添字はarr[0]

2のような数値です。Jsonには長さはありませんデータを格納するにはJsonを使用します。ループする必要がある場合は、for(要素変数を使用する必要があります) in 変数名) {}; Json は長さを持たないため、for in ループを使用する必要があります。for in ループは Json と配列に使用できます

for(i in Json){
ステートメント
};

for ループをいつ使用するか、for in ループをいつ使用するか? 配列: for ループ for(i=0,iJson: for in ループ for(i in Json) を使用します{};


4. 注意

· 配列には配列 長さは属性です

· 配列に値が割り当てられていない場合、結果は未定義となり、出力値は "" になります
· 配列の長さが十分でない場合は、自動的に拡張でき、出力はありません境界問題

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート