Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Array-Verwendung in JS

php中世界最好的语言
Freigeben: 2018-04-13 10:30:22
Original
1112 Leute haben es durchsucht

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>');
Nach dem Login kopieren

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>'); }
Nach dem Login kopieren

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>'); 
}
Nach dem Login kopieren

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>');
Nach dem Login kopieren

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>'); 
}
Nach dem Login kopieren

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 }
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage