Rumah > hujung hadapan web > tutorial js > Apakah yang dilakukan oleh kaedah es6 map()?

Apakah yang dilakukan oleh kaedah es6 map()?

青灯夜游
Lepaskan: 2023-01-11 09:22:51
asal
7927 orang telah melayarinya

Dalam es6, kaedah map() digunakan untuk memanggil fungsi panggil balik yang ditentukan untuk setiap elemen dalam tatasusunan dan mengembalikan tatasusunan yang mengandungi hasil sintaks "array.map(function callbackfn (value, index , ; array), thisArg);".

Apakah yang dilakukan oleh kaedah es6 map()?

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

Kaedah JavaScript map() boleh memanggil fungsi panggil balik yang ditentukan untuk setiap elemen tatasusunan dan mengembalikan tatasusunan yang mengandungi keputusan.

array.map(function callbackfn (value, index, array), thisArg);
Salin selepas log masuk

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.

Kaedah map() akan mengembalikan tatasusunan baharu, dengan setiap elemen ialah nilai pulangan fungsi panggil balik bagi elemen tatasusunan asal yang berkaitan. 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.

Selain objek tatasusunan, kaedah map() boleh digunakan oleh mana-mana objek dengan sifat panjang yang mempunyai nama sifat diindeks, seperti objek parameter Argumen.

Mari kita ketahui lebih lanjut mengenainya melalui contoh kod:

Contoh 1: Gandakan semua nilai elemen (iaitu, darab dengan 2)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);
Salin selepas log masuk

Hasil output:

Apakah yang dilakukan oleh kaedah es6 map()?

Contoh 2: Menggunakan kaedah terbina dalam JavaScript sebagai fungsi panggil balik

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4
Salin selepas log masuk

Hasil output:

Apakah yang dilakukan oleh kaedah es6 map()?

Cadangan berkaitan: tutorial video javascript

Atas ialah kandungan terperinci Apakah yang dilakukan oleh kaedah es6 map()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan