Heim  >  Artikel  >  Web-Frontend  >  Gängige Methoden für JavaScript-Arrays_Javascript-Kenntnisse

Gängige Methoden für JavaScript-Arrays_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 16:11:391200Durchsuche

Bestimmen Sie, ob ein Objekt ein Array ist: Instanz von, Array.isArray()

Für eine Webseite oder einen globalen Bereich können Sie den Instanzoperator verwenden.

if(value instanceof Array){ //Bestimmen Sie, ob der Wert ein Array ist
 
}
Der Instanzoperator geht davon aus, dass es nur eine globale Ausführungsumgebung gibt. Wenn die Webseite mehrere Frames enthält, wird die neue Methode Array.isArray() von ECMAScript5 verwendet.

if(Array.isArray(value)){//Bestimmen Sie, ob value ein Array ist

}
Zu den von der Array.isArray()-Methode unterstützten Browsern gehören IE9, Firefor 4, Safari5, Opera 10.5 und Chrome.

Wenn Sie ein Array in einem Browser überprüfen möchten, der diese Methode nicht implementiert, verwenden Sie:

if(Object.prototype.toString.call(value)=="[object Array]"){
}

Array in String konvertieren: toLocaleString(), toString(), valueOf(), join()

Code kopieren Der Code lautet wie folgt:

var test=['a','b','c'];
alarm(test.toString());//a,b,c
alarm(test.toLocaleString());//a,b,c
alarm(test.valueOf());//a,b,c
alarm(test);//a,b,c rufen standardmäßig die toString()-Methode auf
alarm(test.join(','));//a,b,c
alarm(test.join('|'));//a|b|c

Methoden zum Hinzufügen und Entfernen von Array-Elementen: push(), pop(), unshift(), shift()

Die push()-Methode kann eine beliebige Anzahl von Parametern akzeptieren, diese einzeln am Ende des Arrays hinzufügen und die geänderte Array-Länge zurückgeben.

Die Methode pop() entfernt das letzte Element vom Ende des Arrays und gibt das entfernte Element zurück.

Die Methode unshift() fügt eine beliebige Anzahl von Parametern am Anfang des Arrays hinzu und gibt die neue Array-Länge zurück.

Die Methode „shift()“ entfernt das erste Element im Array und gibt das entfernte Element zurück.

Code kopieren Der Code lautet wie folgt:

var test=[];
var count = test.push('a','b');//Füge
nacheinander vom Ende des Arrays hinzu count =test.push('c');
alarm(count);//3
alarm(test);//
var item = test.pop();
alarm(item);//c
alarm(test.length);//2

Sortiermethoden: reverse() und sort()

Die Methode reverse() kehrt die Reihenfolge der Array-Begriffe um und bearbeitet das Array selbst.

Die Methode sort() sortiert die Array-Elemente standardmäßig in aufsteigender Reihenfolge und bearbeitet das Array selbst.

Code kopieren Der Code lautet wie folgt:

var test=[1,2,3,4,5];
test.reverse();
alarm(test);//5,4,3,2,1
var test2=[0,1,5,10,15];
test2.sort();
Alert(test2);//0,1,10,15,5 Die Methode sort() ruft die Methode toString() jedes Array-Elements auf und vergleicht die Zeichenfolgen, um die Sortierung zu bestimmen. Die Sortierung hier ist also eine Zeichenfolgensortierung

Die Methode sort() kann auch eine Vergleichsfunktion übergeben.

Die Vergleichsfunktion gibt eine negative Zahl zurück, wenn der erste Parameter vor dem zweiten stehen soll, 0, wenn die beiden Parameter gleich sind, und eine positive Zahl, wenn der erste Parameter nach dem zweiten stehen soll.

Code kopieren Der Code lautet wie folgt:

Funktion vergleichen(Wert1,Wert2){
If(value1          return -1;
}else if(value1>value2){
Rückgabe 1;
}else{
           return 0;
}

var test=[0,1,5,10,15];
test.sort(compare);
alarm(test);//0,1,5,10,15

Operationsmethoden: concat(), Slice(), Splice()

Die concat()-Methode wird verwendet, um zwei oder mehr Arrays zu verketten. Diese Methode ändert das vorhandene Array nicht, sondern gibt einfach eine Kopie des verketteten Arrays zurück. Gibt ein neues Array zurück.

Code kopieren Der Code lautet wie folgt:

var a = [1,2,3];
alarm(a.concat(4,5));//1,2,3,4,5
var arr = neues Array(3)
arr[0] = „George“
arr[1] = „John“
arr[2] = „Thomas“
var arr2 = neues Array(3)
arr2[0] = „James“
arr2[1] = „Adrew“
arr2[2] = „Martin“
alarm(arr.concat(arr2));
//George,John,Thomas,James,Adrew,Martin
var arr = neues Array(3)
arr[0] = „George“
arr[1] = „John“
arr[2] = „Thomas“
var arr2 = neues Array(3)
arr2[0] = „James“
arr2[1] = „Adrew“
arr2[2] = „Martin“
var arr3 = neues Array(2)
arr3[0] = „William“
arr3[1] = „Franklin“
alarm(arr.concat(arr2,arr3))
//George,John,Thomas,James,Adrew,Martin,William,Franklin

Die Methode „slice()“ gibt ausgewählte Elemente aus einem vorhandenen Array zurück. Gibt ein neues Array zurück, das die Elemente in arrayObject von Anfang bis Ende (exklusiv) enthält.

Code kopieren Der Code lautet wie folgt:

var test =['a','b','c','d','e'];
var arr1=test.slice(1);
var arr2=test.slice(1,4);
alarm(arr1);//b,c,d,e
alarm(arr2);//b,c,d

Die splice()-Methode fügt Elemente zu einem Array hinzu bzw. entfernt Elemente aus einem Array und gibt das entfernte Element zurück. Arbeiten Sie am Array selbst.

Der erste Parameter: die Startposition, der zweite Parameter: die Anzahl der Interceptions, der dritte Parameter: das neue Element, das angehängt werden soll.

Code kopieren Der Code lautet wie folgt:

//
löschen var test=['a','b','c'];
var Removed=test.splice(0,1)//Das erste Element löschen
alarm(test);//b,c
warning(removed);//a gibt das gelöschte Element zurück
//
einfügen var test2=['a','b','c'];
var Remove2=test2.splice(1,0,'d','e')//Fügen Sie d,e ab Position 1 ein
alarm(test2);//a,d,e,b,c
alarm(removed2)//Leeres Array
//Ersetze
var test3=['a','b','c'];
var Removed3=test3.splice(1,1,'d','e')//D,e von Position 1 einfügen
alarm(test3);//a,d,e,c
alarm(removed3)//b

Positionsmethoden: indexOf(), lastIndexOf()

ECMAScript5 bietet Methoden zur Unterstützung von Browsern: IE9, Firefox 2, Safari 3, Opera 9.5, Chrome

Die Methode indexOf() gibt die Position des ersten Vorkommens eines angegebenen Zeichenfolgenwerts in der Zeichenfolge zurück.

Die

lastIndexOf()-Methode kann die letzte Vorkommensposition eines angegebenen Zeichenfolgenwerts zurückgeben und von hinten nach vorne an der angegebenen Position in einer Zeichenfolge suchen.

Wenn ein Parameter vorhanden ist: Er stellt den zu findenden Wert dar und die Indexposition wird zurückgegeben (beginnend bei 0). Wenn zwei Parameter vorhanden sind: Der erste Parameter stellt die Startposition dar und der zweite Parameter stellt den Wert dar zu finden.

Code kopieren Der Code lautet wie folgt:

var-Zahlen=[1,2,3,4,5,4,3,2,1];
alarm(numbers.indexOf(4));//3
alarm(numbers.lastIndexOf(4));//5

alert(numbers.IndexOf(4,4));//5
alarm(numbers.lastIndexOf(4,4));//3

Iterationsmethoden: every(), filter(), forEach(), map(), some()

ECMAScript5 bietet Methoden zur Unterstützung von Browsern: IE9, Firefox 2, Safari 3, Opera 9.5, Chrome

every(): Führen Sie die angegebene Funktion für jedes Element im Array aus und geben Sie „true“ zurück, wenn die Funktion für jedes Element „true“ zurückgibt.

filter(): Führt die angegebene Funktion für jedes Element im Array aus und gibt ein Array von Elementen zurück, für das die Funktion „true“ zurückgibt.

forEach(): Führt die angegebene Funktion für jedes Element im Array aus. Diese Methode hat keinen Rückgabewert.

map(): Führt die angegebene Funktion für jedes Element im Array aus und gibt ein Array zurück, das aus den Ergebnissen jedes Funktionsaufrufs besteht.

some(): Führt die angegebene Funktion für jedes Element im Array aus und gibt „true“ zurück, wenn die Funktion für ein beliebiges Element „true“ zurückgibt.

Keine der oben genannten Funktionen ändert die im Array enthaltenen Werte.

Code kopieren Der Code lautet wie folgt:

var-Zahlen=[1,2,3,4,5,4,3,2,1];
//jeder()
var everyResult=numbers.every(function(item,index,array){
Zurück (Punkt>2); })
alarm(everyResult);//false
//some()
var someResult=numbers.some(function(item,index,array){
Zurück (Punkt>2); })
Alert(someResult);//true
//filter()
var filterResult=numbers.filter(function(item,index,array){
Zurück (Punkt>2); })
alarm(filterResult);//[3,4,5,4,3]

//map()
var mapResult=numbers.map(function(item,index,array){ Rückgabe (Artikel*2);

})
Alert(mapResult);//[2,4,6,8,10,8,6,4,2]

//forEach()
zahlen.forEach(function(item,index,array){

//Operation ohne Rückgabewert ausführen

})



Methoden zusammenführen: Reduce(), ReduceRight()

ECMAScript5 bietet Methoden zur Unterstützung von Browsern: IE9, Firefox 3, Safari 4, Opera 10.5, Chrome

Beide Methoden durchlaufen alle Elemente des Arrays und erstellen dann einen endgültigen Rückgabewert. Die Methode „reduce()“ beginnt beim ersten Element im Array, und die Methode „reducRight()“ beginnt am Ende des Arrays.

Code kopieren Der Code lautet wie folgt: var-Werte=[1,2,3,4,5];
var sum=value.reduce(function(prev,cur,index,array){
           prev cur;
});
alarm(sum);//15



Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.
Stellungnahme:
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