Heim > Web-Frontend > js-Tutorial > So deklarieren Sie Arrays in JavaScript und eine Zusammenfassung der Verwendung einiger gängiger Array-Funktionen

So deklarieren Sie Arrays in JavaScript und eine Zusammenfassung der Verwendung einiger gängiger Array-Funktionen

伊谢尔伦
Freigeben: 2017-07-25 14:50:48
Original
1626 Leute haben es durchsucht

Wie deklariere ich ein Array? Es gibt mehrere Möglichkeiten, ein Array in

s zu deklarieren.

var tmp = [];  // 简写模式
var tmp = new Array(); // 直接new一个
var tmp = Array();  // 或者new也可以
Nach dem Login kopieren

Sie können beim Erstellen eines Arrays einen Parameter übergeben neues Array, was bedeutet: Die anfängliche Länge des Arrays

// new的时候传入一个参数表示初始化数组长度
var tmp = new Array(3); 
 
alert(tmp.length);  // 3
Nach dem Login kopieren

Wenn Sie jedoch ein Array mit nur einem Element 3 erstellen möchten, ist die Verwendung der neuen Methode nicht möglich, da das System die 3 berücksichtigt Sie übergeben die Länge des Arrays, es sei denn, Sie verwenden Anführungszeichen, um es als Zeichenfolge zu behandeln, z. B.

var tmp = new Array('3'); 
alert(tmp);  // 3
Nach dem Login kopieren

. Wir können den Kurzschriftmodus verwenden, um ein Array zu erstellen, damit wir ein Array erstellen können mit nur einem numerischen Element 3

var tmp = [3]
alert(typeof tmp[0]);  // number
Nach dem Login kopieren

auch mehrere Elemente können initialisiert werden, und der Wert des Elements kann von jedem Typ sein

// 简约模式创建数组
// 数组的元素可以是任意一种数据类型
var tmp = [3,true,8.5,{'name':'lizhong'},['a','b']];
alert(tmp.length); // 5
Nach dem Login kopieren

1. Unshift fügt ein ein Element vor dem ersten Element des Arrays

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c');
alert(len); // 3
alert(tmp); // c,a,b
Nach dem Login kopieren

Sie können auch mehrere Elemente gleichzeitig einfügen, in der Reihenfolge von links

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c','d');
alert(len); // 4
alert(tmp); // c,d,a,b
Nach dem Login kopieren

2. Umschalten entfernt das erste Element des Arrays und gibt den Wert des entfernten Elements zurück

Kleines Beispiel:

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.shift();
alert(val); // a
alert(tmp); // b,c
Nach dem Login kopieren

Wenn es sich um ein leeres Array handelt:

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.shift();
alert(val); // undefined
alert(tmp); // 空
Nach dem Login kopieren

3. Push fügt Elemente am Ende des Arrays hinzu

gefolgt von Unshift. Im Gegensatz dazu fügt Push Elemente am Ende des Arrays hinzu und gibt die Länge des Arrays nach dem Hinzufügen zurück die Elemente

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d');
alert(len); // 4
alert(tmp); // a,b,c,d
Nach dem Login kopieren

Sie können auch mehrere Elemente gleichzeitig hinzufügen

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d','e','f');
alert(len); // 6
alert(tmp); // a,b,c,d,e,f
Nach dem Login kopieren

4. Die Pop-Funktion löscht das Array. Das letzte Element

ist das Gegenteil von Shift. Pop entfernt das letzte Element des Arrays und gibt den Wert des entfernten Elements zurück.

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.pop();
alert(val); // c
alert(tmp); // a,b
Nach dem Login kopieren

Wenn das Array leer ist, wird undefiniert zurückgegeben

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.pop();
alert(val); // undefined
alert(tmp); // 空
Nach dem Login kopieren

Using Mit den oben genannten vier Funktionen können wir einige Warteschlangenverarbeitungen durchführen. Wir werden keinen Code für bestimmte Fälle schreiben.
Die Push-Funktion kann tatsächlich so implementiert werden

var tmp = ['a','b','c'];
tmp[tmp.length] = 'd';
alert(tmp); // a,b,c,d
Nach dem Login kopieren

Hinweis: Die oben genannten vier Funktionsoperationen „Unshift“, „Shift“, „Pop“ und „Push“ ändern alle das Array selbst.

Das obige ist der detaillierte Inhalt vonSo deklarieren Sie Arrays in JavaScript und eine Zusammenfassung der Verwendung einiger gängiger Array-Funktionen. 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