Apa perbedaan antara filter peta dan foreach dalam javascript?

Fungsi array adalah sesuatu yang dapat membantu Anda dengan segala jenis manipulasi atau perulangan melalui array item dalam JavaScript. Beberapa fungsi pra-bangun dapat memiliki kasus penggunaan yang sangat mirip satu sama lain, oleh karena itu saya telah membuat daftar fungsi manipulasi, dengan tampilannya dan kasus penggunaannya

untuk setiap()

Fungsi .forEach()_ adalah bentuk lain dari perulangan for biasa yang dapat digunakan untuk melakukan iterasi melalui item array. Kasus fungsi ini digunakan untuk array yang lebih kompleks, misalnya array objek dengan banyak entri daripada hanya array bilangan bulat

Fungsi ini membutuhkan 1 parameter .forEach(callback). Parameter callback dapat mengambil hingga 3 parameter element, index & array (tetapi hanya parameter element yang diperlukan, sisanya opsional)

Parameter element_ akan digunakan sebagai variabel yang menyimpan elemen saat ini dalam array. Parameter index_ mengacu pada indeks element dalam array dan parameter array menunjuk ke array yang dipanggil

Saya harus mengatakan bahwa loop prebuilt yang lebih baru .forEach(callback)1 dalam JavaScript jauh lebih efisien daripada .forEach() dalam kejelasan kode dan kinerjanya

Contoh

Berikut adalah contoh perulangan melalui array objek dengan properti nama dan mencatat setiap nama ke dalam konsol

peta()

Fungsi .forEach(callback)_3 adalah fungsi manipulatif yang dapat mengubah konten setiap elemen dalam array yang dipanggil. Fungsi ini mengembalikan array baru dengan nilai yang dimodifikasi, array yang dipanggil akan tetap diam. Fungsi ini berguna untuk menambahkan sedikit perubahan pada array yang sudah ada, misalnya menambahkan properti pada objek atau memodifikasinya. Konstruksi dan penggunaannya identik dengan fungsi sebelumnya .forEach() dan keduanya dapat digunakan secara bergantian

Sama seperti fungsi .forEach(), fungsi ini juga hanya membutuhkan 1 parameter .forEach(callback)6. Parameter callback dapat mengambil hingga 3 parameter element, index & array (tetapi hanya parameter element yang diperlukan, sisanya opsional)

Contoh

Berikut adalah contoh pengulangan melalui array objek dengan properti harga dan menambahkan nilai pajak callback2 ke dalamnya

Saring()

Fungsi callback_3 adalah fungsi pencarian yang mengembalikan semua elemen yang memenuhi kondisi yang ditetapkan. Anda dapat mencari dengan istilah sederhana, misalnya, elemen itu sama dengan bilangan bulat tertentu, atau dengan istilah yang lebih maju, misalnya, mencari objek dengan properti tertentu yang sama dengan sesuatu. Kedua contoh tersebut sangat sering digunakan sebagai pengembang

Fungsi ini mengembalikan larik hasil yang ditemukan, jika ada, meskipun hanya 1 kecocokan yang ditemukan. Jika suatu fungsi tidak menemukan kecocokan, itu hanya mengembalikan array kosong

Sama seperti fungsi .forEach(), fungsi ini juga hanya membutuhkan 1 parameter callback5. Parameter callback dapat mengambil hingga 3 parameter element, index & array (tetapi hanya parameter element yang diperlukan, sisanya opsional)

Contoh

Berikut adalah contoh pencarian dengan istilah sederhana melalui array bilangan bulat dan menemukan elemen mana yang sama dengan nilai element1

Berikut adalah contoh pencarian dengan istilah yang lebih maju melalui array objek dan menemukan objek dengan properti umur yang sama dengan kurang dari element2

menemukan()

Fungsi element_3 juga merupakan fungsi pencarian seperti sebelumnya tetapi keduanya berbeda dalam satu detail kecil — fungsi ini hanya mengembalikan satu kecocokan dalam larik. Jika dalam sebuah array lebih dari satu hasil, fungsi akan mengembalikan hasil pertama yang cocok

Sama seperti fungsi .forEach(), fungsi ini juga hanya membutuhkan 1 parameter element5. Parameter callback dapat mengambil hingga 3 parameter element, index & array (tetapi hanya parameter element yang diperlukan, sisanya opsional)

Contoh

Berikut adalah contoh pencarian dengan istilah yang lebih maju dalam array objek dan menemukan objek dengan nama properti yang sama dengan index1

mengurangi()

Fungsi index_2 adalah fungsi akumulatif yang dapat menemukan total semua atau nilai yang dipilih dalam array. Fungsi ini juga digunakan dalam kedua istilah tersebut, sehingga mendukung dekonstruksi objek. Fungsi ini memerlukan 2 parameter — index3

Parameter pertama dari index2 adalah callback yang juga membutuhkan 2 parameter — index6 dan index7. Parameter index_6 melacak total saat ini dan index7 akan digunakan sebagai variabel yang menyimpan elemen saat ini dalam array

Parameter kedua dari index2 adalah array1 yang merupakan nilai default di mana fungsi ini akan mulai dihitung

Contoh

Berikut adalah contoh perulangan melalui array bilangan bulat dan menambahkan setiap nilai ke jumlah total dengan memulai array2

Berikut adalah contoh perulangan melalui array objek dengan properti nilai dan menambahkan setiap nilai ke jumlah total dengan memulai array2

Kesimpulan

Membuat fungsi kompleks yang dijalankan hanya sekali bukanlah cara terbaik untuk menangani kode Anda, sebagai gantinya, Anda dapat menggunakan fungsi larik ini yang dapat dievaluasi dengan lebih mudah. Nah itulah fungsi-fungsi yang dapat membantu Anda lebih cepat daripada mengetik kode yang tidak perlu yang dapat disederhanakan. Saya harap Anda akan menggunakannya dengan bijak dalam proyek Anda berikutnya sebagai pengembang untuk menyampaikan maksud Anda lebih cepat hanya dalam 1 baris kode

Lebih banyak konten di PlainEnglish. io. Mendaftar untuk buletin mingguan gratis kami. Ikuti kami di Twitter dan LinkedIn. Bergabunglah dengan komunitas kami Perselisihan

Apa perbedaan antara map dan forEach di JavaScript?

Apa untuk setiap peta dan filter dalam JavaScript?

Apa perbedaan antara peta dan filter dalam JavaScript?

Apa perbedaan antara forEach dan peta dan filter dalam TypeScript?