Heim > Web-Frontend > js-Tutorial > Eigenschaften und Methoden von Array in JavaScript.

Eigenschaften und Methoden von Array in JavaScript.

高洛峰
Freigeben: 2016-11-26 13:45:08
Original
1481 Leute haben es durchsucht

Es gibt vier Möglichkeiten, Arrays zu definieren

Verwenden Sie den Konstruktor:
var a = new Array();
var b = new Array(8);
var c = new Array("erster", "zweiter", "dritter");
oder Array-Literal:
var d = ["erster", "zweiter", "dritter"];

Attribut

Array hat nur ein Attribut, nämlich die Länge, die die Anzahl der vom Array belegten Speicherplätze darstellt, nicht nur die Anzahl der Elemente im Array, der Wert von b.length 8

<script><br>var a = new Array("first", "second", "third")<br>a[48] = "12"<br>document.write( a.length)<br>//Das angezeigte Ergebnis ist 49<br></script>
Das Längenattribut des Arrays ist ein sehr interessantes Attribut, das wir mit dieser Methode abfangen können

<script><br>var a = new Array("first", "second", "third")<br>delete a[1]<br>document.write(a.length ) <br>//Das angezeigte Ergebnis ist 3, was darauf hinweist, dass die Länge des Arrays auch nach dem Löschen nicht geändert werden kann<br>var a = new Array("first", "second", "third")<br>a. length = 1 <br>document.write(a.length)<br>//Das angezeigte Ergebnis ist 1, was anzeigt, dass nur noch ein Element übrig ist<br></script>
Methode

Hier nicht verfügbar. Einschließlich einiger Methoden, die zwischen IE und FF nicht kompatibel sind:
toString(): Konvertieren Sie das Array in einen String.
toLocaleString(): Konvertieren Sie das Array in einen String.
join(): Konvertieren Sie das Array in eine symbolisch verbundene Zeichenfolge
shift(): Verschiebe ein Element aus dem Kopf des Arrays
unshift(): Füge ein Element am Kopf des Arrays ein
pop(): Lösche ein Element aus das Ende des Arrays
push(): Füge ein Element am Ende des Arrays hinzu
concat(): Füge ein Element zum Array hinzu
slice(): Gib einen Teil des Arrays zurück
reverse (): Umgekehrtes Sortieren des Arrays
sort(): Sortieren des Arrays
splice(): Einfügen, Löschen oder Ersetzen eines Array-Elements

toString()-Methode, toLocaleString()-Methode hat eine ähnliche Methode Funktion, die Funktion unter FF ist genau die gleiche, wenn das Element eine Zeichenfolge im IE ist, wird nach "," ein Leerzeichen hinzugefügt. Wenn das Element eine Zahl ist, wird es auf zwei Dezimalstellen erweitert Berücksichtigen Sie daher die Kompatibilität und versuchen Sie, die toLocaleString()-Methode nicht zu verwenden.

<script><br>var a = new Array(1, 2, 3, [4, 5, [6, 7]])<br>var b = a.toString() // b ist die Zeichenfolgenform „1, 2, 3, 4, 5, 6, 7“<br>var c = new Array(1, 2, 3, [4, 5, [6, 7]])<br> var d = c.toLocaleString() //d ist „1, 2, 3, 4, 5, 6, 7“ in Form einer Zeichenfolge<br>//Sowohl die toString()-Methode als auch die toLocaleString()-Methode kann zerlegt werden Mehrdimensionales Array <br></script>
Die Methode „join()“ konvertiert alle Elemente im Array in Zeichenfolgen und verkettet sie dann. Dies ist die entgegengesetzte Operation der Methode „split()“ von String. join() verwendet standardmäßig "," als Trennzeichen. Natürlich können Sie das Trennzeichen auch in der Methode

<script><br>var a = new Array("first", "second" angeben ", "third")<br>var s = a.join("...")<br>document.write(s)<br>//Das angezeigte Ergebnis ist "first...second...third "<br></script>
Die Methode pop() kann mehrere Elemente vom Ende des Arrays löschen und die Methode push() fügt ein Element am Ende des Arrays hinzu. Diese beiden Methoden sind genau zwei entgegengesetzte Operationen. Beide arbeiten mit dem ursprünglichen Array, aber bitte beachten Sie, dass die Methode push() die Länge des neuen Arrays zurückgibt, während die Methode pop() das gelöschte Element zurückgibt.

<script><br>var a = new Array(1, 2, 3)<br>var b = a.push(4,5,[6,7]) //a ist [ 1, 2, 3, 4, 5, [6, 7]] b ist 6 Beachten Sie, dass die Methode tbpush() Ihnen nicht beim Öffnen eines Arrays hilft <br>var c = new Array(1, 2, 3, 4, „first“)<br>var d = c.pop() //c ist [1, 2, 3, 4] d ist das „first“ in Stringform<br></script>
shift( )-Methode Sie können ein Element aus dem Kopf des Arrays löschen und die Methode unshift() fügt mehrere Elemente zum Kopf des Arrays hinzu. Diese beiden Methoden sind genau zwei entgegengesetzte Operationen. Beide arbeiten mit dem ursprünglichen Array, aber bitte beachten Sie, dass die Methode unshift() die Länge des neuen Arrays zurückgibt, während die Methode shift() das gelöschte Element zurückgibt.

<script><br>var a = new Array(1, 2, 3)<br>var b = a.unshift(4,5,[6,7]) //a ist [ 4, 5, [6, 7], 1, 2, 3] b ist 6 Beachten Sie, dass die Methode unshift() Ihnen nicht beim Öffnen eines Arrays hilft und die Reihenfolge, in der die Werte eingefügt werden <br>var c = new Array("first", 1, 2, 3, 4)<br>var d = c.shift() //c ist [1, 2, 3, 4] d ist "first" in Stringform<br></ script><br>Die Methode concat() kann ein Array mit Elementen zurückgeben, die dem ursprünglichen Array hinzugefügt wurden. Die Elemente werden durch "," getrennt. Wenn das Element ein Array enthält, wird es erweitert und fortgesetzt hinzugefügt werden, aber die Erweiterung in Form von mehrdimensionalen Arrays wird nicht unterstützt. Hinzufügen </p> <p><script><br>var a = new Array("first", "second", "third")<br>s = a.concat("fourth",["fifth", "sixth"] ,["seventh", ["eighth", "ninth"]])<br>document.write(s[7])<br>//Das angezeigte Ergebnis ist "eighth, ninth", was auf "eighth, ninth" hinweist Es wird in Form eines Arrays hinzugefügt. Der Wert von s ist [„erster“, „zweiter“, „dritter“, „vierter“, „fünfter“, „sechster“, „siebter“, [„achter“, „ neunte"]]<br></script>
slice()-Methode gibt ein Fragment des Arrays oder ein Unterarray zurück. Die Parameter von Slice() repräsentieren die Anfangs- und Endpositionen des Wortarrays. Wenn es nur einen Parameter gibt, bedeutet dies, von dort aus zu beginnen und bis zum Ende fortzufahren. Wenn der Parameter negativ ist, bedeutet dies eine bestimmte Position des Kehrwerts. Slice(start,end) //Gibt an, dass das Array vom tiefgestellten Anfang (einschließlich dieses) bis zum Ende (ausgenommen dieses) beginnt

<script><br>var a = new Array(1 , 2, 3, 4, 5)<br>var b = a.slice(3) //b ist [4, 5]<br>var c = a.slice(-3) //c ist [3, 4, 5 ]<br>var d = a.slice(1,-1) //d ist [2, 3, 4]<br>var e = a.slice(-3,-1) //e ist [3, 4]<br></script>
Die Methode reverse() sortiert das Array in umgekehrter Reihenfolge. Sie erstellt kein neues Array und gibt es zurück, sondern bearbeitet das ursprüngliche Array

var a = new Array("first", "second", "third")
a.reverse()
document.write(a)
//Display Das Ergebnis ist „dritte , zweiter, erster". Zu diesem Zeitpunkt wurde die Reihenfolge des Arrays umgekehrt.

Die Methode sort() wird zum Sortieren des Arrays verwendet. Dies ist eine sehr eigenartige Methode. I Ich weiß nicht, ob derjenige, der ihn erschaffen hat, nur faul oder schlau war, aber dieser Ansatz ist mir im Gedächtnis geblieben.
Der Parameter der Methode sort() ist eine Funktion mit zwei Parametern und einem Rückgabewert. Wenn der zurückgegebene Wert größer als Null ist, bedeutet dies, dass der vorherige Parameter größer als der nächste Parameter ist Wenn er kleiner als Null ist, bedeutet dies, dass der vorherige Parameter kleiner als der letzte ist und der kleinere Parameter am Anfang der Sortierung erscheint.
Die Methode sort() arbeitet direkt mit dem Array und gibt auch einen Wert zurück, aber die beiden scheinen gleichwertig zu sein. Die Methode sort() sortiert standardmäßig in alphabetischer Reihenfolge

<script><br>var a = new Array(33, 4, 111, 543)<br>a.sort(way)<br> function way(x, y){<br> if (x % 2 ==0) <br> return 1;<br> if (x % 2 !=0) <br> return -1;<br>} <br>//Das Ergebnis der Sortierung ist, dass vorne ungerade Zahlen und hinten gerade Zahlen entstehen<br></script>
Die Funktion der splice()-Methode besteht darin, ein Array einzufügen, zu löschen oder zu ersetzen Durch das Ändern des Arrays wird nicht nur der verarbeitete Inhalt hinzugefügt, es handelt sich also um eine leistungsstarke, aber nicht einfach zu verwendende Methode. Die Methode splice() verwendet die ersten beiden Parameter zur Positionierung, und die übrigen Parameter repräsentieren die Einsteckteil.

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage