tutorial pengembangan web terbaru
 

JavaScript susunan map() Method

<Array Referensi JavaScript

Contoh

Mengembalikan array dengan akar kuadrat dari semua nilai dalam array asli:

var numbers = [4, 9, 16, 25];

function myFunction() {
    x = document.getElementById("demo")
    x.innerHTML = numbers.map(Math.sqrt);
}

Hasilnya akan:

2,3,4,5
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The map() metode menciptakan array baru dengan hasil memanggil fungsi untuk setiap elemen array.

The map() metode memanggil fungsi yang disediakan sekali untuk setiap elemen dalam array, dalam rangka.

Catatan: map() tidak melaksanakan fungsi untuk elemen array tanpa nilai.

Catatan: map() tidak mengubah array asli.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
map() iya nih 9.0 1,5 iya nih iya nih

Sintaksis

Nilai parameter
Parameter Deskripsi
function(currentValue, index,arr) Wajib. Sebuah fungsi yang akan dijalankan untuk setiap elemen dalam array.
Fungsi argumen:
Argumen Deskripsi
currentValue Wajib. Nilai elemen saat
index Pilihan. Array indeks dari elemen saat
arr Pilihan. array objek elemen saat milik
thisValue Pilihan. Sebuah nilai yang akan dilewatkan ke fungsi yang akan digunakan sebagai yang "this" nilai.
Jika parameter ini kosong, nilai "undefined" akan diteruskan sebagai yang "this" nilai

Rincian teknis

Kembali Nilai: Array yang berisi hasil memanggil fungsi yang disediakan untuk setiap elemen dalam array asli.
Versi JavaScript: 1,6

contoh

Contoh lebih

Contoh

Mengalikan semua nilai dalam array dengan jumlah tertentu:

var numbers = [65, 44, 12, 4];

function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}
Cobalah sendiri "

Contoh

Dapatkan nama lengkap untuk setiap orang dalam array:

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);
}
Cobalah sendiri "

<Array Referensi JavaScript