Heim >Web-Frontend >js-Tutorial >Eine ausführliche Untersuchung der Javascript-Array-Methoden_Grundkenntnisse

Eine ausführliche Untersuchung der Javascript-Array-Methoden_Grundkenntnisse

WBOY
WBOYOriginal
2016-05-16 16:21:331032Durchsuche

In JavaScript können Arrays mit dem Array-Konstruktor oder schnell mit [] erstellt werden, was auch die bevorzugte Methode ist. Array ist der von Object geerbte Prototyp und hat keinen speziellen Rückgabewert für typeof, sondern gibt nur „object“ zurück.

1. Array.prototype.slice-Methode
Die Slice-Methode des Arrays wird normalerweise verwendet, um ein Slice aus einem Array zu extrahieren. Es verfügt jedoch auch über die Fähigkeit, „arrayähnliche“ Objekte (wie Argumente und HTMLCollection) in echte Arrays umzuwandeln.

Code kopieren Der Code lautet wie folgt:

var nodesArr = Array.prototype.slice.call(document.forms);
var argsArr = Array.prototype.slice.call(arguments);

Ich bin nur neugierig, warum die Slice-Methode des Arrays über eine solche Fähigkeit verfügt und wie sie in der Javascript-Engine implementiert wird? Verfügt die Geschwistermethode von Slice über eine solche Fähigkeit?

Wenn Sie neugierig sind, laden Sie den Quellcode der V8-Javascript-Engine von Google lokal herunter. Die Download-Adresse des V8-Quellcodes: https://github.com/v8/v8.

Suchen Sie nach „Array.prototype.slice“ in v8-master/src/array.js:

Code kopieren Der Code lautet wie folgt:

Funktion ArraySlice(start, end) {
CHECK_OBJECT_COERCIBLE(this, "Array.prototype.slice");
...
var result = []; // Dieser Satz ist der Schlüssel
if (end_i < start_i) Ergebnis zurückgeben;
if (UseSparseVariant(array, len, IS_ARRAY(array), end_i - start_i)) {
...
SparseSlice(array, start_i, end_i - start_i, len, result);
} sonst {
SimpleSlice(array, start_i, end_i - start_i, len, result);
}
...
Ergebnis zurückgeben;

Dann vermutete ich, dass die SimpleSlice-Methode zum Aufrufen des „Klassenarrays“ verwendet werden sollte, suchte dann im Quellcode nach „SimpleSlice“ und stellte fest, dass die SimpleSlice-Methode auch in der Array.prototype.splice-Quelle aufgerufen wurde Code, und die Ergebnisvariable wurde ebenfalls mit einem leeren Array initialisiert. Wenn Sie jedoch die Spleißmethode verwenden möchten, um das „Array-ähnliche“ in ein echtes Array umzuwandeln, müssen Sie den Startpositionsparameter als 0 übergeben, also:

Code kopieren Der Code lautet wie folgt:

var nodesArr = Array.prototype.splice.call(document.forms, 0);

Weil sein Implementierungsprinzip darin besteht, aus den gelöschten Array-Elementen ein neues Array zu bilden. Interessierte Kinder können einen Blick auf die Quellcode-Implementierung von Array.prototype.splice werfen.
Darüber hinaus kann Slice auch ein Array klonen:

Code kopieren Der Code lautet wie folgt:

var arr = [1, 2, 3];
var cloneArr = arr.slice(); // cloneArr: [1, 2, 3]

2. Array.prototype.push-Methode
Arrays können mit der Push-Methode zusammengeführt werden:

Code kopieren Der Code lautet wie folgt:

var arr1 = [1, 'str', {name: 'lang'}];
var arr2 = [2, 'ing'];
Array.prototype.push.apply(arr1, arr2);
// Ergebnis zurückgeben: [1, "str", {name: 'lang'}, 2, "ing"]

3. Array.prototype.sort-Methode
Geben Sie zunächst den Code ein:

Code kopieren Der Code lautet wie folgt:

var arr = ['1', '2', '10', '12'];
arr.sort();
// Ergebnisse zurückgeben: ["1", "10", "12", "2"]

Die oben genannten Ergebnisse sind normalerweise nicht das, was wir wollen. So sortieren Sie also nach numerischem Wert:

Code kopieren Der Code lautet wie folgt:

arr.sort(function(a, b) {
return a - b;
})
// Ergebnisse zurückgeben: ["1", "2", "10", "12"]

Mit der Sortierkomparatorfunktion können Sie viele Komparatoren anpassen, um eine personalisierte Sortierung zu erreichen.

4. Längenattribut
Das Längenattribut des Arrays ist nicht schreibgeschützt, was bedeutet, dass es auch geschrieben werden kann. Verwenden Sie beispielsweise das Längenattribut, um das Array zu kürzen:

Code kopieren Der Code lautet wie folgt:

var arr = [1, 2, 3, 4];
arr.length = 2;
// arr: [1, 2]
arr.length = 0;
// arr: []

Wenn gleichzeitig das Längenattribut vergrößert wird, erhöht sich auch der Längenwert des Arrays und undefiniert wird als neues zu füllendes Element verwendet.

Code kopieren Der Code lautet wie folgt:

var arr = [];
arr.length = 3;
// arr: [undefiniert, undefiniert, undefiniert]

Okay, das ist alles für heute. Ich werde es hier anhängen, wenn ich in Zukunft neue Entdeckungen finde.
Früher hatte ich nicht die Angewohnheit, nur meine üblichen Zusammenfassungen in Youdao Cloud Notes zu veröffentlichen. Ich hatte nicht damit gerechnet, dass es viel Nachdenken erfordert, um meine Meinung niederzuschreiben, weil ich darüber nachdenken muss, wie um sie so auszudrücken, dass andere sie besser verstehen können.

Wenn es einen falschen Ausdruck oder ein Missverständnis gibt, helfen Sie mir bitte, es zu korrigieren.

Ebenfalls beigefügt sind einige häufig verwendete Javascript-Array-Methoden

concat() verkettet zwei oder mehr Arrays und gibt das Ergebnis zurück.
join() fügt alle Elemente des Arrays in einen String ein. Elemente werden durch das angegebene Trennzeichen getrennt.
pop() entfernt das letzte Element des Arrays
und gibt es zurück push() fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück.
reverse() kehrt die Reihenfolge der Elemente in einem Array um.
Shift() löscht das erste Element des Arrays
und gibt es zurück Slice() gibt ausgewählte Elemente aus einem vorhandenen Array zurück
sort() sortiert die Elemente des Arrays
splice() entfernt Elemente und fügt dem Array neue Elemente hinzu.
toSource() gibt den Quellcode des Objekts zurück
toString() wandelt das Array in einen String um und gibt das Ergebnis zurück.
toLocaleString() konvertiert das Array in ein lokales Array und gibt das Ergebnis zurück.
unshift() fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die neue Länge zurück.
valueOf() gibt den ursprünglichen Wert des Array-Objekts

zurück
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