Nama : Fahrul Ikhsan Hidayatullah

NIM : 1910131210004
Kelas : A2
Prodi : Pendidikan Ilmu Komputer

Chapter 3 : LOOPS, ARRAYS

A. LOOPS

Loop menawarkan cara cepat dan mudah untuk melakukan sesuatu secara berulang-ulang.
Bab tentang Panduan JavaScript ini memperkenalkan berbagai pernyataan iterasi berbeda
yang tersedia untuk JavaScript.

Anda dapat menganggap loop sebagai versi permainan terkomputerisasi di mana Anda
menyuruh seseorang untuk mengambil langkah X menuju satu arah lalu langkah Y ke arah
yang lain; Sebagai contoh, gagasan "Pergilah lima langkah ke timur" dapat di ekspresikan
dengan cara berikut sebagai sebuah loop (pengulangan):

var langkah;
for (langkah= 0; langkah< 5; langkah++) {
// berlari 5 kali, dengan nilai langkah 0 sampai 4.
console.log('Berjalan ke timur satu langkah');
}

Ada beberapa jenis loop yang berbeda, namun pada dasarnya semuanya melakukan hal yang
sama, mereka mengulangi sebuah aksi beberapa kali (dan sebenarnya memungkinkan bahwa
dapat saja menjadi nol). Berbagai mekanisme loop menawarkan berbagai cara untuk
menentukan titik awal dan akhir perulangan. Ada berbagai situasi yang lebih mudah
dikerjakan oleh sebuah tipe loop dibandingkan tipe (loop) yang lain.

Pernyataan untuk loop yang disediakan dalam JavaScript adalah:

 for statement
 do...while statement
 while statement
 labeled statement
  break statement
 continue statement
 for...in statement
 for...of statement

for statement

Sebuah for loop (en-US) mengulang hingga kondisi yang ditentukan evaluasinya menjadi
salah/false.  for loop pada Javascript serupa dengan  for loop pada Java dan C. Sebuah
statement (pernyataan) for   terlihat sebagai berikut:

for ([initialExpression]; [condition];

[incrementExpression]) statement

Ketika sebuah for loop dieksekusi, Berikut ini akan terjadi:

1. Ekspresi yang menginisialisasi yaitu initialExpression, Jika ada, maka akan di

eksekusi. Ekspresi ini biasanya menginisialisasi satu atau lebih penghitung loop,
tetapi sintaksnya memperbolehkan ekspresi dengan tingkat kerumitan apapun.
Ekspresi ini juga bisa mendeklarasikan variabel.
2. Ekpresi condition di evaluasi. JIka value dari kondisi adalah true (benar), maka
statement loop akan dieksekusi. Jika value dari condition false (salah), for loop akan
dihentikan.  Jika ekspresi condition dihilangkan sama sekali, kondisinya diasumsikan
benar.
3. Mengeksekusi Statement . Untuk mengeksekusi berbagai pernyataan, gunakanlah
sebuah blok pernyataan ({ ... }) untuk mengelompokkan pernyataan-pernyataan
tersebut.
4. Jika ada, ekspresi baru incrementExpression di eksekusi.
5. Kontrol kembali ke langkah ke-2.
6. function (fungsi) berikut memuat sebuah statement for yang menghitung angka dari
opsi yang terpilih dalam sebuah daftar scrolling  (sebuah elemen <select> (en-US)
yang memperbolehkan berbagai pilihan). Statement for mendeklarasikan variable i
dan menginisialisasinya ke nol. Ia memeriksa bahwa i lebih kecil dari nomor dari opsi
dalam elemen <select> , menampilkan statement if yang berhasil, dan menaikan i satu
setelah masing-masing lolos melewati loop.
7. <form name="selectForm">
8. <p>
9. <label for="musicTypes">Choose some music types, then click the button
below:</label>
10. <select id="musicTypes" name="musicTypes" multiple="multiple">
11. <option selected="selected">R&B</option>
12. <option>Jazz</option>
13. <option>Blues</option>
14. <option>New Age</option>
15. <option>Classical</option>
16. <option>Opera</option>
17. </select>
18. </p>
19. <p><input id="btn" type="button" value="How many are selected?" /></p>
20. </form>
21.
22. <script>
23. function howMany(selectObject) {
24. var numberSelected = 0;
25. for (var i = 0; i < selectObject.options.length; i++) {
26. if (selectObject.options[i].selected) {
27. numberSelected++;
28. }
29. }
30. return numberSelected;
31. }
32.
33. var btn = document.getElementById('btn');
34. btn.addEventListener('click', function() {
35. alert('Number of options selected: ' +
howMany(document.selectForm.musicTypes));
36. });
37. </script>
38.
do...while statement

Pernyataan/statement do...while terus di ulangi sampai evaluasi kondisi bernilai false/salah.

Sebuah do...while statement terlihat sebagai berikut:

do
statement
while (condition);

statement di jalankan lebih dulu sebelum kondisi diperiksa. Untuk menjalankan

banyak statements, gunakan statement blok ({ ... }) untuk membuat grup dari statement
tersebut. Jika condition bernilai benar, maka statement akan dijalankan kembali. Kondisi
diperiksa pada setiap akhir eksekusi. Ketika kondisi bernilai salah, eksekusi berhenti dan
kontrol akan melewati pernyataan yang mengikuti do...while.

Contoh

Dalam contoh berikut, perulangan do di iterasi sekali dan di iterasi kembali sampai i tidak
lagi kurang dari 5. 

var i = 0;
do {
i += 1;
console.log(i);
} while (i < 5);

while statement

Sebuah statement while (en-US) di eksekusi pernyataan pernyataannya asalkan memenuhi

syarat kondisinya yang bernilai true/benar. Sebuah statement  while terlihat sebagai berikut:

while (condition)
statement

Jika kondisi bernilai false/salah, statement dengan perulangan berhenti di eksekusi dan

kontrol akan melewati statement yang mengikuti perulangan tersebut.

Kondisi terjadi sebelum statement dalam perulangan di eksekusi. Jika kondisi bernilai
true/benar, statement di eksekusi dan kondisi di uji kembali. Jika kondisi bernilai false/salah,
eksekusi akan berhenti dan konrol lewat untuk statement yang mengikuti while.

Statement continue (en-US) bisa digunakan untuk memulai lagi statement while, do-while,
for, atau label.
  Ketika kamu menggunakan continue tanpa sebuah label, itu akan menghentikan
iterasi saat ini dari statement while, do-while, atau for dan melanjutkan eksekusi dari
perulangan iterasi selanjutnya. Berbeda dengan statement break, continue tidak
mengakhiri eksekusi dari perulangan sepenuhnya. Pada sebuah perulangan while, dia
lompat kembali pada kondisinya. Pada sebuah perulangan for, Dia melompat ke
ekpresi penambahan ke increment-expression.
 Ketika kamu menggunakan continue dengan sebuah label, itu berlaku untuk
pernyataan perulangan yang diidentifikasi dengan label tersebut.

Sintak statement continue terlihat sebagai berikut:

continue [label];

Contoh 1

Contoh berikut menunjukkan sebuah perulangan while dengan sebuah statement continue

yang di eksekusi ketika niai dari i adalah tiga  Jadi, n mengambil nilai satu, tiga, tujuh dan
dua belas.

var i = 0;
var n = 0;
while (i < 5) {
i++;
if (i == 3) {
continue;
}
n += i;
}

Contoh 2

Sebuah statement yang berlabel checkiandj berisikan sebuah statement berlabel checkj. Jika
ada continue , Programnya akan menghentikan iterasi saat ini dari checkj dan memulai iterasi
selanjutnya. Setiap kali continue ditemui, checkj  di iterasi kembali sampai kondisinya
bernilai false/salah. Ketika bernilai false/salah, Sisa dari statement checkiandj sudah selesai,
dan checkiandj di iterasi kembali sampai kondisi bernilai salah false. Ketika bernilai
salah false , program melanjutkan pada statement yang mengikuti checkiandj.

JIka continue dipunyai label dari checkiandj, program akan terus berlanjut ke bagian atas dari
statement checkiandj .

checkiandj:
while (i < 4) {
console.log(i);
i += 1;
checkj:
while (j > 4) {
console.log(j);
j -= 1;
if ((j % 2) == 0) {
continue checkj;
}
console.log(j + ' is odd.');
}
console.log('i = ' + i);
console.log('j = ' + j);
}

for...in statement

Statement for...in mengiterasi sebuah variabel spesifik diatas properti enumerable dari sebuah
objek. Untuk setiap properti yang berbeda, JavaScript mengeksekusi pernyataan pernyataan
yang spesifik. Sebuah statement for...in terlihat sebagai berikut:

for (variable in object) {

statements
}
Contoh

Function/fungsi berikut mengambil argumentnya dari sebuah objek dan nama objek.

Lalu dia di iterasi diatas semua property objek dan mengembalikan sebuah string yang
mendaftarkan nama properti dan nilainya.

function dump_props(obj, obj_name) {

var result = '';
for (var i in obj) {
result += obj_name + '.' + i + ' = ' + obj[i] + '<br>';
}
result += '<hr>';
return result;
}

Untuk sebuah objek car dengan property make dan model, result/hasil akan menjadi:

car.make = Ford
car.model = Mustang

B. Arrays
Array adalah variabel jamak atau bisa disebut juga tipe data yang dapat menampung banyak
nilai. Ibaratnya seperti sebuah kotak lemari yang dapat menyimpan pakaian, sepatu, buku.
Array juga dapat menyimpan beberapa data, baik dengan tipe yang sama maupun berbeda.

Meskipun mungkin menggunakan ini sebagai cara untuk melakukan iterasi di atas
elemen Array,statement for...in akan mengembalikan nilai nama property yang di tetapkan
pengguna dalam penambahan numerik indek. Jadi lebih baik menggunakan tradisional
perulangan for (en-US) dengan sebuah numerik indek ketika mengiterasi diatas array, karena
statement  for...in mengiterasi diatas nama properti yang di tetapkan pengguna pada
penambahan elemen array, Jika kamu merubah array, seperti menambahkan properti atau
metode. 
Inisialisasi Array di Javascript

var mahasiswa =new Array();

Array didefinsikan dengan kata new kemudian diikuti objek Array(). Didalam javascript array
merupakan sebuah objek.

Contoh:
mahasiswa = ['Rini','Aldi','Acep','Putra']

Sintak di atas adalah untuk membuat elemen dalam array. Dengan menggunakan tanda siku []
yang nilainya dapat di isi didalamnya. Jika nilai berupaka karakter atau string mengunakan
tanda petik, jika numerik tanpa tanda petik. Untuk memisahkan antara elemen 1 dan lainnya
menggunakan tanda koma.

for...of statement

Statement for...of (en-US) membuat sebuah iterasi perulangan diatas iterable objects

(termasuk Array, Map, Set, arguments (en-US) object dan seterusnya), menjalankan
hubungan iterasi khusus dengan statement yang akan dieksekusi untuk setiap nilai properti
yang berbeda.

for (variable of object) {

statement
}

Contoh berikut menampilkan perbedaan diantara sebuah perulangan for...of dan sebuah

perulangan for...in. Ketika for...in mengiterasi diatas nama-nama properti, for...of mengiterasi
diatas nilai-nilai properti:

let arr = [3, 5, 7];

arr.foo = 'hello';

for (let i in arr) {

console.log(i); // logs "0", "1", "2", "foo"
}
for (let i of arr) {
console.log(i); // logs 3, 5, 7
}

Menampilkan Elemen Array Menggunakan Perulangan

Kita dapat menampilkan elemen array menggunakan perulangan for (sebagai catatan hanya
array numerik).

Contoh:

var mahasiswa =new Array();

mahasiswa = ['Rini','Aldi','Acep','Putra']

for (i=0;i<=3;i++){
document.write(mahasiswa[i]+"<br>")
}

Karena indeks array dimulai dari 0 maka nilai i juga harus dari 0, jumlah elemen sebanyak 4
sehingga perulangan cukup dilakukan sampai nilai i=3.

The length variable Each array has a lengthvariable built-in that contains the length of the
array.
int[] values = new int[12];
int size = values.length;
// 12 int[] values2 = {1,2,3,4,5} int size2 = values2.length;
// 5
String arrays A side note public static void main

(String[] arguments){ System.out.println(arguments.length);

System.out.println(arguments[0]); System.out.println(arguments[1]); }

Looping through an array Example 1:

int[] values = new int[5];
 for (int i=0; i<values.length;
i++) { values[i] = i;
int y = values[i] * values[i]; System.out.println(y);
}

Looping through an array Example 2:

int[] values = new int[5];

int i = 0;
while (i < values.length)
{
values[i] = i;
int y = values[i] * values[i]; System.out.println(y);
i++;
}