Detaillierte Erläuterung der Array-Verwendung in JS

Dieses Mal erkläre ich Ihnen ausführlich die Array-Verwendung in JS und welche Vorsichtsmaßnahmen bei der Verwendung von JS-Arrays gelten. Das Folgende ist ein praktischer Fall Schauen Sie mal rein.

Viele Leute, die gerade erst mit js vertraut sind, wissen nicht genau, was ein js-Array ist und wie ein js-Array definiert ist. Wenn Sie daran interessiert sind, wird Ihnen die Definition eines js-Arrays vorgestellt , das Folgende ist Steh auf und finde es heraus.

1. Was ist ein Array?

Ein Array ist eine Sammlung von Daten

Seine Ausdrucksform ist eine kontinuierliche Speicheradresse im Speicher

Der Array-Name ist eigentlich die erste Adresse der aufeinanderfolgenden Speicheradressen

2. Über die Eigenschaften von Arrays in js

Beim Definieren eines Arrays muss der Datentyp

nicht angegeben werden Bei der Definition des Arrays muss die Array-Länge nicht angegeben werden

Arrays können Daten jedes Datentyps speichern (z. B. speichert ein Element den Ganzzahltyp und ein Element den Typ Zeichenfolge . Dies ist in JS möglich)

Syntax zum Erstellen eines Arrays:

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

var array=new Array(size); //Erstellen Sie ein Array und geben Sie die Länge an

Bedeutung der Symbole in JS:

() zeigt die Funktionsausführung

an [] bedeutet Syntaxsimulation, was bedeutet, dass eine Instanz der Array-Klasse (=new Array()) simuliert wird

{} stellt eine Syntaxsimulation dar, die eine Simulation von Instanzen der

Objektklasse

(=new Object()) darstellt //Zeigt Syntaxsimulation (reguläres Objekt) an, was bedeutet, dass Instanzen der RegExp-Klasse (=new RegExp()) simuliert werden

3. Informationen zur Array-Länge

//方法一 
 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>');

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:

4. for...in-Anweisung

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>'); }

In js sind Arrays keine Datentypen. Der Datentyp von Arrays ist eigentlich Objekte

Die For.....in-Anweisung in Js kann alle Eigenschaften eines Objekts durchlaufen

Sie können auch die for...in-Anweisung verwenden, um alle Elemente eines Arrays zu durchlaufen

Grammatik:

for( var i in array ){

}

Prinzip: Das Array enthält mehrere Elemente und die for..in-Anweisung wird in einer Schleife

ausgeführt Bei jeder Ausführung wird der Index des aktuellen Array-Elements in der Variablen i

gespeichert Ergebnis:

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

0:zhangsa

1:lisi

2:wangwu

3:xiaoqian

5. Text tiefgestellt

Format:

arr['key'] = value;

In js werden die Array-Elemente von Textindizes nicht in der Array-Länge

berücksichtigt Wird dem Array in Form eines Textindex hinzugefügt und tatsächlich dem Array-Objekt in Form von Attributen hinzugefügt

Ergebnis:

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>');

3

zhangsan

lisi

Durchlaufen Sie ein Array mit Textindizes:

Ergebnis:

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

0:1

1:2

2:3

Erstens:zhangsan

zweitens:lisi

6.

Mehrdimensionales Array

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln PHP chinesische Website!

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('<br>'); 11 }

Empfohlene Lektüre:

Vervollständigung der E-Mail-Adresse des JS-Eingabeaufforderungstextfelds

getBoundingClientRect-Nutzungs- und Kompatibilitätsverarbeitung

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Array-Verwendung in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!