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
Temukan()
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