Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung des Array-Array-Lernens in JS

黄舟
Freigeben: 2017-02-10 10:04:21
Original
995 Leute haben es durchsucht

Zum ersten Mal einen Blog schreiben. . . Ein bisschen quadratisch. . .

Ich bin ein Neuling (ein echter Neuling) und lerne das Frontend selbst. Jetzt werde ich über einige Array-Operationen sprechen, die ich während des Lernprozesses zusammengefasst habe. Bitte weisen Sie darauf hin. Akzeptiere es demütig.

Referenztypen werden in Objekttypen (sogenannte Objekte), Array-Typen (in diesem Artikel behandelte Arrays), Funktionstypen usw. unterteilt.

Was macht ein Array? Es scheint mir, dass es zum Speichern von Daten verwendet wird.

1. Deklarieren Sie ein Array:

1. Konstruktor var farben=new Array(); zur Abkürzung können Sie new weglassen, also var farben=Array();

2. Array-Literal var farben=["schwarz", "grün", "rosa"];

2. Lesen und legen Sie den Wert des Arrays fest:

Lesen: Farben [x ]; Der Parameter Hier ist eine kurze Erläuterung der Verwendung von length:

colors.length ruft die Länge des Arrays ab, was auch als Anzahl der Elemente im Array bezeichnet werden kann Das Array hat 7 Elemente, aber Sie schreiben „colors.length=2“. Dann werden die nächsten 5 Elemente gelöscht.

Mit dem Längenattribut können Sie dem Array am Ende auch Daten hinzufügen: „colors[colors;“ Länge]= für Zuweisung;

4. Operationen im Array:

方法 作用 返回值
Array.push(x,y,z) 把xyz添加到数组末尾 新数组长度
Array.pop() 移除数组最后一项 移除的最后一项
Array.shift() 移除数组第一项 移除的第一项
Array.unshift(a,b,c) 在数组前端添加a,b,c 新数组长度
Array.reverse() 反转数组 反转后的新数组
Array.sort() 对数组中每一项的字符串进行升序排列 重新排序后的数组
Array.concat(a,b,c) 连接数组 返回连接好的新数组
Array.slice(1,n) 截取数组,从1到n,1和n为索引值 返回截取的数组(在这里返回从1开始,到n之前结束)
Array.indexOf(a,start) 查找a的所在的位置,从start开始 返回a所在的索引值,如果没有查找到则返回-1
Array.lastIndexOf(a,atart) 与indexOf相反,lastIndexOf从末尾开始查找 返回a所在的索引值,如果没有查找到则返回-1

Die Methode splice() wird einzeln erklärt. Warum alleine herausnehmen? Weil es großartig ist;

1. Akzeptiert zwei Parameter: die Position des ersten zu löschenden Elements und die Anzahl der zu löschenden Elemente

Beispiel: splice(1,2), das die Elemente 2 und 3 des Arrays löschen soll; 🎜>

2.Einfügen. Akzeptiert drei Parameter: die Startposition, 0 und das einzufügende Element.

Beispiel: splice(2,0,"red","green") fügt Rot und Grün am Array-Indexwert 2 ein.

3. Ersatz. Akzeptiert drei Parameter: Startposition, Anzahl der zu löschenden Elemente und einzufügende Elemente.

Beispiel: splice(2,1,"red","green"), löschen Sie das Element mit dem Indexwert 2 und fügen Sie Rot und Grün hinzu.

Fünf. Iterationsmethoden in Arrays

1. every() und some():


(val1< -1 (val1> 10
Nach dem Login kopieren


2 ():

Diese Methode gibt ein Array zurück, das aus Elementen besteht, deren Ergebnis wahr ist.

3.map():

 numbers=[0,1,2,3,4 result=numbers.every( (item>2 numbers=[0,1,2,3,4 result=numbers.some( (item>2
Nach dem Login kopieren
Gibt das Array nach der Ausführung zurück Parameter neues Array.


Sechs. verschmelzen.

Array.reduce()

var result=numbers.map(function(item,index,array){
return item*2;
})
Nach dem Login kopieren

Im vorherigen Beispiel akzeptiert Reduce() vier Parameter: Der erste Parameter ist das erste Element des Arrays, der zweite Parameter ist das zweite Element des Arrays.

Bei der ersten Ausführung der Funktion ist prev 1, cur ist 2, bei der zweiten Ausführung , prev ist 3 (das Ergebnis von 1+2), cur ist 3.

Array.reduceRight(). Ähnlich wie reduzieren. Beginnen Sie einfach auf der rechten Seite des Arrays.

var numbers=[1,2,3,4,5];var sum=numbers.reduce(function(prev,cur,index,array){return prev+cur
})
alert(sum);
Nach dem Login kopieren


Das Obige ist die Zusammenfassung des Array-Array-Lernens in Js. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Verwandte Etiketten:
js
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!