Adakah kaedah peta js berdasarkan es6?

Kaedah map() ialah es6. Dalam es6, kaedah map() boleh memanggil fungsi panggil balik yang ditentukan untuk setiap elemen tatasusunan dan mengembalikan tatasusunan yang mengandungi keputusan, sintaksnya ialah "array.map(function callbackfn (value, index, array), thisArg);" . Kaedah map() akan mengembalikan tatasusunan baharu, di mana setiap elemen ialah nilai pulangan fungsi panggil balik bagi elemen tatasusunan asal yang berkaitan.

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Penjelasan terperinci kaedah map() dalam JavaScript (semua menggunakan sintaks es6)

Kaedah peta JavaScript() boleh memetakan setiap elemen daripada tatasusunan Memanggil fungsi panggil balik yang ditentukan dan mengembalikan tatasusunan yang mengandungi keputusan.

array.map(function callbackfn (value, index, array), thisArg);

function callbackfn (value, index, array): Fungsi panggil balik yang menerima sehingga tiga parameter:

• nilai: Nilai elemen tatasusunan.

• indeks: Indeks angka bagi elemen tatasusunan.

• tatasusunan: Objek tatasusunan yang mengandungi unsur.

Nilai pulangan map() ialah tatasusunan baharu, dan elemen dalam tatasusunan baharu ialah "nilai yang diproses oleh yang asal fungsi panggilan array". Untuk setiap elemen dalam tatasusunan, kaedah map() memanggil fungsi callbackfn sekali (dalam susunan indeks menaik) dan tidak memanggil fungsi panggil balik untuk elemen yang hilang dalam tatasusunan.

Penggunaan mudah: melintasi keseluruhan tatasusunan, darab elemen lebih besar daripada 4 dengan 2

const array = [2, 3, 4, 4, 5, 6]

console.log("array",array)
const map = array.map(x => {
    if (x == 4) {
        return x * 2
    }
    return x
})

console.log("map",map)

Hasil keluaran ialah: elemen bersamaan dengan 4 didarab dengan 2

3. Penjelasan terperinci tentang parameter fungsi map()

Parameter umum ialah. fungsi panggil balik

array.map((item,index,arr)=>{
	//item是操作的当前元素
	//index是操作元素的下表
	//arr是需要被操作的元素
	//具体需要哪些参数 就传入那个
})

 const array = [2, 3, 4, 4, 5, 6]
 console.log("原数组array为",array)
 const map2=array.map((item,index,arr)=>{
            console.log("操作的当前元素",item)
            console.log("当前元素下标",index)
            console.log("被操作的元素",arr)
            //对元素乘以2
            return item*2
 })
 console.log("处理之后先产生的数组map",map2)

Hasil output ialah:

Ringkasan: kaedah map( ) sering digunakan untuk merentasi tatasusunan, tetapi tidak mengubah tatasusunan asal, tetapi mengembalikan tatasusunan baharu

Nota: Kadangkala fenomena ini berlaku, dan beberapa yang tidak ditentukan

 const array = [2, 3, 4, 4, 5, 6]
 console.log("原数组array为",array)
 const map = array.map(x => {
            if (x == 4) {
                return x * 2
            }
  })

Malah, kaedah map() melintasi setiap item tatasusunan, melintasinya sekali, mengembalikan nilai dan menambah elemen pada tatasusunan baharu . Ini adalah untuk memuaskan x Terdapat hanya dua elemen =4, jadi item lain kembali tidak ditentukan.

[Pembelajaran yang disyorkan: tutorial video javascript]

Atas ialah kandungan terperinci Adakah kaedah peta js berdasarkan es6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!