<JavaScript - Array - Referenz
Beispiel
Ein Array mit der Quadratwurzel aller Werte in der ursprünglichen Anordnung:
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML =
numbers.map(Math.sqrt);
}Das Ergebnis wird sein:
2,3,4,5 Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die map() Methode erzeugt ein neues Array mit den Ergebnissen eine Funktion für jedes Array - Element aufgerufen wird .
Die map() Methode ruft die Funktion vorgesehen einmal für jedes Element in einem Array, um.
Hinweis: map() ausführen nicht die Funktion für Array - Elemente ohne Werte.
Hinweis: map() nicht das ursprüngliche Array ändern.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| map() | Ja | 9.0 | 1.5 | Ja | Ja |
Syntax
Parameterwerte Parameter Beschreibung function(currentValue, index,arr) Erforderlich. Eine Funktion wird für jedes Element in dem Array ausgeführt.
Funktionsargumente: Streit Beschreibung currentValue Erforderlich. Der Wert des aktuellen Elements index Optional. Der Array-Index des aktuellen Elements arr Optional. Die Array-Objekt das aktuelle Element gehört
thisvalue Optional. Ein Wert , der an die Funktion übergeben werden , um als verwendet werden , "this" Wert.
Wenn diese Parameter leer ist, wird der Wert "undefined" wird geleitet als "this" Wert
Technische Details
Rückgabewert: Ein Array, die Ergebnisse des Aufrufs der Funktion vorgesehen für jedes Element in der ursprünglichen Matrix enthält. JavaScript Version: 1.6
Mehr Beispiele
Beispiel
Multiplizieren aller Werte in dem Array mit einer bestimmten Nummer:
var numbers = [65, 44, 12, 4];
function
multiplyArrayElement(num) {
return num *
document.getElementById("multiplyWith").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML =
numbers.map(multiplyArrayElement);
} Versuch es selber " Beispiel
Holen Sie sich den vollständigen Namen für jede Person in der Gruppe:
var persons = [
{firstname : "Malcom", lastname:
"Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
function
getFullName(item,index) {
var fullname =
[item.firstname,item.lastname].join(" ");
return
fullname;
}
function myFunction() {
document.getElementById("demo").innerHTML = persons.map(getFullName);
} Versuch es selber "
<JavaScript - Array - Referenz