Mehrere Methoden zum Definieren von Javascript-Arrays (grafisches Tutorial)

In diesem Artikel werden hauptsächlich verschiedene Methoden zum Definieren von JavaScript-Arrays vorgestellt. Im Allgemeinen sind sie in implizite Erstellung, direkte Instanziierung, Erstellen eines Arrays und Angeben der Länge unterteilt. Der Einfachheit halber können Sie später das JSON-Format zum Definieren verwenden Array. Freunde, die es brauchen, können es als Referenz verwenden

1. Was ist ein Array?

Ein Array ist eine Sammlung von Daten.
sein Ausdruck ist eine kontinuierliche Speicheradresse im Speicher
Der Name des Arrays ist eigentlich die erste Adresse der kontinuierlichen Speicheradresse

2. In Bezug auf die Eigenschaften von Arrays in js

Es gibt keine Sie müssen beim Definieren des Arrays den Datentyp angeben.
Sie können beim Definieren des Arrays die Array-Länge angeben. Es ist nicht erforderlich, die Array-Länge anzugeben.
Arrays können Daten jedes Datentyps speichern (z. B. speichert ein Element den Ganzzahltyp und eines Element speichert String-Typ. Dies ist in JS möglich)

Array erstellen Syntax:

var arr=[value 1, value 2, value 3] //Implizit create

var arr=new Array(value 1, value 2, value 3); //Direkte Instanziierung von

var array=new Array(size); >

() repräsentiert Funktionsausführung

[] stellt eine Syntaxsimulation dar, die die Simulation einer Instanz der Array-Klasse darstellt (=new Array()) {} stellt eine Syntaxsimulation dar, die die Simulation einer Instanz der Object-Klasse darstellt (=new Object ( ))//Zeigt Syntaxsimulation (reguläres Objekt) an, die simulierte Instanzen der RegExp-Klasse angibt (=new RegExp())

3. Bezüglich der Array-Länge

Array object.length

In js kann jedes Array-Objekt das Längenattribut aufrufen, das angibt, wie viele Array-Elemente sich unter dem Array-Objekt befinden

Beispiel:

//方法一
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-Anweisung

In js ist Array kein Datentyp.

Für... .in Js Die ..in-Anweisung kann verwendet werden, um alle Attribute eines Objekts zu durchlaufen

, oder die for...in-Anweisung kann verwendet werden, um alle Elemente eines Arrays zu durchlaufen

Syntax :

for( var i in array ){

}

Prinzip: Es gibt mehrere Elemente im Array und die for..in-Anweisung wird so viele ausgeführt Mal nach Bedarf

jedes Mal Speichern Sie bei der Ausführung den Index des aktuellen Array-Elements in der Variablen i

var row = ['zhangsan','lisi','wangwu'];
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;);
}

Ergebnis:

　0:zhangsan

　1:lisi

　2:wangwu

　3: xiaoqiang

5. Textindex

Format:

arr['key'] = value;

In js werden die Array-Elemente des Text-Index nicht in der Array-Länge gezählt.

wird dem Array in Form eines Text-Index hinzugefügt, sondern tatsächlich dem Array-Objekt hinzugefügt die Form von Attributen

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

Ergebnis:

　3

　zhangsan

　lisi

Durchlaufen Sie das Array mit Textindizes:

var arr = [1,2,3];
arr['first'] = 'zhangsan';
arr['second'] = 'lisi';

document.write(arr.length + &#39;<br>&#39;);
document.write(arr.first + &#39;<br>&#39;);
document.write(arr.second + &#39;<br>&#39;);

Ergebnis:

　0:1

　1:2

　2:3

　first:zhangsan

　second:lisi

6. Mehrdimensionales Array

var arr = [1,2,3];
arr['first'] = 'zhangsan';
arr['second'] = 'lisi';

for(var i in arr){
 document.write(i + &#39;:&#39; + arr[i] + &#39;<br>&#39;);
}

7. Definieren Sie zuerst und weisen Sie dann Werte zu

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(&#39;<br>&#39;);
}

8. Weisen Sie gleichzeitig Werte zu, wenn Sie das Array definieren

var　myArray3 = new Array("P","H","P");

//Sie müssen einen numerischen oder logischen Wert im Array angeben, dann sollte der Variablentyp a sein numerische Variable oder eine boolesche Variable, keine Zeichenvariable

9. Definition des JSON-Formats

var myArray1 = new Array(); //不定义元素个数
  myArray1[0] = "P";
  myArray1[1] = "H";
  myArray1[2] = "P";
var myArray2 = new Array(4); //定义元素的个数
  myArray1[0] = "P";
  myArray1[1] = "H";
  myArray1[2] = "P";

Schüler, die es nicht verstehen, können diesen Artikel lesen: http:/ /www.jb51.net/article/20688.htm

Der Unterschied zwischen Json-Definitionsverwendung und Array

Json: Es handelt sich um eine Methode zum Speichern von Daten in Javascript .

Json-Format: var Json={a:1, b:2, c:3};Array-Format: var arr=[1,2,3];

Json Der Unterschied zwischen zwei Arrays:

1. Der Index von Json ist beispielsweise eine Zeichenfolge. Der Index des Arrays ist eine Zahl wie arr[0]

2. Das Array hat die Länge t. Wenn Sie eine Schleife benötigen muss for (Elementvariable im Variablennamen) {} verwenden; Da Json keine Länge hat, müssen Sie eine for in-Schleife verwenden. Die for in-Schleife kann für Json und Arrays

for(i in) verwendet werden Json){
Statement

};

Wann sollte eine for-Schleife und wann eine for-in-Schleife verwendet werden?

Array: for-Schleife verwenden for(i=0,iJson: for-in-Schleife verwenden for(i in Json){};

10. Hinweis

· Arrays haben nur ein Attribut, Array-Länge

· Wenn dem Array kein Wert zugewiesen ist, ist das Ergebnis undefiniert und der Ausdruck ist „“ · Wenn Die Array-Länge ist nicht lang genug, sie kann automatisch erweitert werden und existiert nicht. Das Problem des Überschreitens der Grenze

Ich habe das Obige für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Detaillierte Erläuterung der Verwendung von in js gespeicherten Schlüssel-Wert-Paaren

NodeJS-Elternprozess Detaillierte Erläuterung der Schritte zum Teilen von Ressourcen mit untergeordneten Prozessen

JS anonymes selbstausführendes Funktionskonzept und Verwendungsanweisungen

Das obige ist der detaillierte Inhalt vonMehrere Methoden zum Definieren von Javascript-Arrays (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!