Cara menggunakan ITTERATION pada JavaScript

Pada kesempatan kali ini saya akan menjelaskan cara menggunakan array Iteration di JavaScript. Perlu teman-teman ketahui sebelumnya, didalam dunia pemrograman Iteration atau iterasi adalah model untuk pengembangan system yang bersifat dinamis atau untuk lebih mudahnya dapat diartikan dengan setiap tahapan proses pengembangan system yang dapat diulang jika terdapat kekurangan maupun kesalahan.

Table of Contents Show

Bagaimana cara memanggil fungsi di JavaScript?
Apa itu iterator pada JavaScript?
Apa cara yang benar untuk menulis array JavaScript?
Apa itu for dalam JavaScript?

Salah satunya adalah array iterasi, dimana untuk menggunakan array iterasi terdapat beberapa method yang dapat digunakan khusus untuk penanganan array, berikut dibawah ini beberapa method array iteration beserta dengan contohnya :

Array.forEach()

Metode forEach() akan memanggil fungsi (panggilan balik) satu kali untuk setiap elemen array.

Berikut Contohnya :

<!DOCTYPE html>

<head>

<title>CaraMenggunakan ArrayIterationDiJavaScript</title>

</head>

<body>

</body>

var text="";

varnumbers=[45,4,9,16,25];

numbers.forEach(myFunction);

document.getElementsByTagName("h2")[0].innerHTML=text;

functionmyFunction(value,index,array){

text =text+value+"<br>";

}

</script>

</html>

Array.map()

Metode map() membuat larik baru dengan melakukan fungsi pada setiap elemen larik dan tidak menjalankan fungsi untuk elemen array tanpa nila maupun mengubah array asli.

Berikut Contohnya :

<!DOCTYPE html>

<head>

<title>CaraMenggunakan ArrayIterationDiJavaScript</title>

</head>

<body>

</body>

var numbers1=[10,30,70,80,100];

varnumbers=numbers1.map(myFunction);

document.getElementsByTagName("h2")[0].innerHTML =numbers;

functionmyFunction(nilai,index,array){

returnnilai*2;

}

</script>

</html>

Array.filter()

Metode filter() membuat larik baru dengan elemen larik yang berhasil di uji dan pada contoh disini membuat larik baru dari elemen dengan nilai yang lebih besar dari pada 20.

Berikut Contohnya :

<!DOCTYPE html>

<head>

<title>CaraMenggunakan ArrayIterationDiJavaScript</title>

</head>

<body>

</body>

var numbers1=[8,45,9,20,25,72,99,4];

varnumbers= numbers1.filter(myFunction);

document.getElementsByTagName("h2")[0].innerHTML=numbers;

function myFunction(value,index,array){

returnvalue>20;

}

</script>

</html>

Array.reduce()

Metode reduce() menjalankan fungsi pada setiap elemen larik untuk menghasilkan (menguranginya menjadi) satu nilai. Metode reduce () bekerja dari kiri ke kanan dalam larik dan tidak mengurangi array asli.

Berikut Contohnya :

Pada contoh ini mencari jumlah semua angka yang ada di dalam array

<!DOCTYPE html>

<head>

<title>CaraMenggunakan ArrayIterationDiJavaScript</title>

</head>

<body>

</body>

var numbers=[2,4,3,1];

varsum=numbers.reduce(myFunction);

document.getElementsByTagName("h2")[0].innerHTML ="Jumlahnya adalah "+sum;

functionmyFunction(total,value,index,array){

returntotal+ value;

}

</script>

</html>

Sampai disini penjelasan saya cara menggunakan array Iteration di JavaScript, semoga bermanfaat.

Bagaimana cara memanggil fungsi di JavaScript?

Cara Memanggil/Eksekusi Fungsi Kita bisa memanggil fungsi di dalam kode Javascript dengan menuliskan nama fungsinya seperti ini: namaFungsi(); Contoh: // membuat fungsi function sayHello(){ console.log("Hello World!"); } // memanggil fungsi sayHello() // maka akan menghasilkan -> Hello World!

Apa itu iterator pada JavaScript?

Iterator adalah properti dari suatu kumpulan JavaScript. Iterator meningkatkan efisiensi dengan memungkinkan Anda mengonsumsi item yang ada dalam daftar satu per satu seolah-olah itu adalah aliran.

Apa cara yang benar untuk menulis array JavaScript?

Cara Membuat Array pada Javascript Pada javascript, array dapat kita buat dengan tanda kurung siku ( [...] ). Contoh: var products = []; Maka variabel products akan berisi sebuah array kosong.

Apa itu for dalam JavaScript?

1. Perulangan For di Javascript. Perulangan for merupakan perulangan yang termasuk dalam couted loop, karena sudah jelas berapa kali ia akan mengulang. Yang perlu diperhatikan adalah kondisi yang ada di dalam kurung setelah kata for .