JavaScript Array map () Methode
Beispiele
Gibt ein Array von Elementen in der Anordnung ist die Quadratwurzel des ursprünglichen Arrays:
var numbers = [4, 9, 16, 25];
Funktion myFunction () {
x = document.getElementById ( "Demo")
x.innerHTML = numbers.map (Math.sqrt);
}
Funktion myFunction () {
x = document.getElementById ( "Demo")
x.innerHTML = numbers.map (Math.sqrt);
}
Die Ausgabe ist:
2,3,4,5
Versuchen »
Definition und Verwendung
Karte () Methode liefert eine neue Anordnung, die Anordnung der Elemente in dem Array-Element in seinen ursprünglichen Wert nach der Funktion der Anrufverarbeitung.
Karte () Methode in Übereinstimmung mit der Reihenfolge der Elemente in den ursprünglichen Elementen-Array-Verarbeitung.
Hinweis: map () nicht ein leeres Array erkennen.
Hinweis: map () nicht das ursprüngliche Array ändern.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Methode Versionsnummer zu unterstützen.
| Weg | |||||
|---|---|---|---|---|---|
| map () | ja | 9 | 1.5 | ja | ja |
Grammatik
array.map(function(currentValue,index,arr), thisValue)
Parameter Beschreibung
| Parameter | Beschreibung | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Funktion (current, Index, arr) | Muss. Funktion, jedes Element des Arrays wird diese Funktion Funktionsparameter durchführen:
| ||||||||
| thisValue | Optional. Da die Callback-Objekt zu verwenden, um die Funktion übergeben, wird es als "dieser" Wert verwendet. Wenn Sie thisValue, "dieser" Wert "undefined" weglassen |
Technische Details
| Rückkehr: | Es gibt eine neue Anordnung, die Anordnung der Elemente in dem Array-Element in seinen ursprünglichen Wert nach der Funktion der Anrufverarbeitung. |
|---|---|
| JavaScript-Version: | 1.6 |
Weitere Beispiele
Beispiele
Werteingabefeld für jedes Element angegeben in das Array multipliziert, und gibt ein neues Array:
var Zahlen = [65, 44, 12, 4];
Funktion multiplyArrayElement (num) {
Rückkehr num * document.getElementById ( "multiplyWith" ) .value;
}
Funktion myFunction () {
document.getElementById ( "Demo") .innerHTML = numbers.map (multiplyArrayElement);
}
Funktion multiplyArrayElement (num) {
Rückkehr num * document.getElementById ( "multiplyWith" ) .value;
}
Funktion myFunction () {
document.getElementById ( "Demo") .innerHTML = numbers.map (multiplyArrayElement);
}
Versuchen »