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

Apakah yang dilakukan oleh kaedah es6 map()?

青灯夜游
青灯夜游asal
2021-09-29 17:32:477942semak imbas

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);

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);

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

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!

Kenyataan:
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