いくつかの JavaScript 配列定義メソッドの詳細な説明

小云云
リリース: 2018-01-27 13:29:48
オリジナル
2603 人が閲覧しました

配列の定義方法についてどれくらい知っていますか?一般に、暗黙的な作成、直接インスタンス化、配列の作成、長さの指定に分けられます。後で、json 形式を直接使用して配列を定義しやすくするために、この記事では JavaScript 配列の詳細な方法をいくつか紹介します。定義がお役に立てば幸いです。

1. 配列とは

配列はデータの集合です
その表現はメモリ内の連続したメモリアドレスです
配列の名前は実際には連続したメモリアドレスの最初のアドレスです

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

配列を定義するときにデータ型を指定する必要はありません
配列を定義するときに配列の長さを指定する必要はありません
配列は任意のデータ型のデータを格納できます要素には整数型が格納され、もう 1 つの要素には文字列型が格納されます。これは JS で実行できます。

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

var arr=[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] + '
'); //方法二 var arr2 = new Array(2,4,6,8,10); document.write(arr2[3] + '
'); //方法三 var arr3 = new Array(3);//固定数组长度为3 arr3[0] = 1; arr3[1] = 2; arr3[2] = 3; document.write(arr3[2] + '
');
ログイン後にコピー

4。js では、配列はデータ型ではなく、配列のデータ型は実際にはオブジェクトです

Js では... ..in ステートメントはオブジェクトのすべての属性を走査できます

また、配列のすべての要素を走査するための for...in ステートメント

構文:

for( var i in array){

}

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

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

var row = ['zhangsan','lisi','wangwu']; doucument.write('共有'+row.length+'个人
'); var length = row.length;//对数组进行遍历 for (var i=0;i'); }
ログイン後にコピー

に格納されます結果:

0:zhangsan

1:lisi

2:wangwu

3:xiaoqiang

5. テキストの添字

形式:

arr['key'] = value;

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

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


var row = ['zhangsan','lisi','wangwu','xiaoqiang']; for (var i in row){ document.write(i + ':' + row[i] + '
'); }
ログイン後にコピー


結果:

3zhangsan

lisi

テキスト添字付きのトラバーサルバンド配列:

var arr = [1,2,3]; arr['first'] = 'zhangsan'; arr['second'] = 'lisi'; document.write(arr.length + '
'); document.write(arr.first + '
'); document.write(arr.second + '
');
ログイン後にコピー

結果:

0:1

1:2

2:3

1位:zhangsan

2位:lisi



6、多次元配列

var arr = [1,2,3]; arr['first'] = 'zhangsan'; arr['second'] = 'lisi'; for(var i in arr){ document.write(i + ':' + arr[i] + '
'); }
ログイン後にコピー

以下Script Houseの補足です



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

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

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

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

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

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: is in データを保存するために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,i Json: for in ループ for(i in Json) を使用します{};

4. 注意

· 配列には配列の長さは属性です
· 配列に値が割り当てられていない場合、結果は未定義となり、出力は "" になります

· 配列の長さが十分でない場合は、自動的に拡張でき、アウトオブはありません-境界問題


興味がありそうな記事:


jsの配列定義とsortメソッドの使用例

JavaScriptにおける配列の各種定義方法と共通関数の紹介

  • JavaScriptにおける配列の定義と使用例

  • JavaScriptのカスタム配列ソート方法

  • JavaScriptにおける配列と演算の定義jQueryとjquery配列演算

  • JavaScriptの配列の定義と数値操作スキル

  • javascript 配列の定義と配列の長さ

  • JavaScriptでオブジェクト配列を定義する方法

  • JavaScriptで配列を定義する3つの方法(new Array()、new Array(''x') 「、」y」)

  • 以上がいくつかの JavaScript 配列定義メソッドの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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