Rumah > Artikel > hujung hadapan web > Apakah perbezaan antara kaedah forEach() dan map() dalam JavaScript?

Apakah perbezaan antara kaedah forEach() dan map() dalam JavaScript?

王林ke hadapan: 2023-09-10 13:05:081360semak imbas

JavaScript 中的 forEach() 和 map() 方法有什么区别？

JavaScript menyediakan pelbagai kaedah untuk menggelung tatasusunan dan objek. Kaedah yang paling biasa ialah gelung for, yang digunakan untuk mengulang elemen tatasusunan atau objek. Walau bagaimanapun, terdapat cara lain untuk menggelung tatasusunan dan objek, seperti kaedah forEach() dan map(). Kaedah

forEach()

forEach( ) kaedah digunakan untuk menggelung melalui setiap elemen tatasusunan atau objek. Kaedah forEach() mengambil fungsi panggil balik sebagai parameter. Fungsi panggil balik dipanggil untuk setiap elemen tatasusunan atau objek. Kaedah

forEach() adalah serupa dengan gelung for, tetapi ia tidak mempunyai nilai pulangan.

Contoh

Di bawah ialah kod kerja dan penjelasan lengkap -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5];
      arr.forEach(function(element){
         var item2 = document.createElement(&#39;div&#39;);
         item2.innerText = element;
         document.getElementById("result").appendChild(item2);
      });
   </script>
</body>
</html>

Dalam kod di atas, kami telah menentukan tatasusunan yang dipanggil "arr". Kaedah forEach() dipanggil pada tatasusunan "arr". Kaedah forEach() mengambil fungsi panggil balik sebagai parameter. Fungsi panggil balik dipanggil untuk setiap elemen tatasusunan "arr". Kaedah

map()

map() kaedah digunakan untuk menggelung melalui setiap elemen tatasusunan atau objek. Kaedah map() mengambil fungsi panggil balik sebagai parameter. Fungsi panggil balik dipanggil untuk setiap elemen tatasusunan atau objek. Kaedah

map() adalah serupa dengan kaedah forEach(), tetapi ia mengembalikan tatasusunan baharu.

Contoh

Di bawah ialah kod kerja dan penjelasan lengkap -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5];
      arr.map(function(element){
         var item2 = document.createElement(&#39;div&#39;);
         item2.innerText = element;
         document.getElementById("result").appendChild(item2);
      });
   </script>
</body>
</html>

Dalam kod di atas, kami telah menentukan tatasusunan yang dipanggil "arr". Panggil kaedah map() pada tatasusunan "arr". Kaedah map() mengambil fungsi panggil balik sebagai parameter. Fungsi panggil balik dipanggil untuk setiap elemen tatasusunan "arr". Nilai pulangan bagi fungsi panggil balik disimpan dalam tatasusunan baharu yang dipanggil "newArr".

map() vs. forEach()

map() dan forEach() Beberapa perbezaan) kaedah disenaraikan di bawah -

map() kaedah mengembalikan tatasusunan baharu, manakala kaedah forEach() tidak mengembalikan kaedah baharu tatasusunan. Kaedah
map() digunakan untuk menukar elemen tatasusunan, manakala kaedah forEach() digunakan untuk menggelungkan elemen tatasusunan. Kaedah
map() boleh digunakan dengan kaedah tatasusunan lain, seperti kaedah penapis(), manakala kaedah forEach() tidak boleh digunakan dengan kaedah tatasusunan lain.

Kesimpulan

Untuk meringkaskan, kedua-dua kaedah forEach() dan map() digunakan untuk menggelungkan tatasusunan dan objek. Kaedah forEach() tidak mengembalikan tatasusunan baharu, manakala kaedah map() mengembalikan tatasusunan baharu. Kaedah map() digunakan untuk mengubah elemen tatasusunan, manakala kaedah forEach() digunakan untuk menggelungkan elemen tatasusunan.

Atas ialah kandungan terperinci Apakah perbezaan antara kaedah forEach() dan map() dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript for foreach Filter 回调函数循环 map 对象

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimana untuk menyahpepijat fail JavaScript?Artikel seterusnya：Bagaimana untuk menyahpepijat fail JavaScript?

Artikel berkaitan

Lihat lagi