Apakah perbezaan antara kaedah forEach() dan map() dalam JavaScript?-tutorial js-php.cn

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

王林

Lepaskan： 2023-09-10 13:05:08

ke hadapan

1430 orang telah melayarinya

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!