Your SlideShare is downloading. ×
0
Java Script : Control Statement I
Kelompok 7 : Kharisma Muhammad 5108100104 Pambudi Surya 5108100138 Dading Zainul Gusti  5108100179
Control Structures (I) <ul><li>• 3 Tipe dari struktur seleksi : </li></ul><ul><li>– if </li></ul><ul><li>• Single-selectio...
Control Structures (II) <ul><li>• Empat tipe struktur repetition </li></ul><ul><li>– while </li></ul><ul><li>– do/while </...
If  Selection Structure (I) <ul><li>• Bentuk umum dari if adalah : </li></ul><ul><li>if (kondisi) </li></ul><ul><li>{ </li...
If  Selection Structure (II) <ul><li>• Pseudocode: </li></ul><ul><li>Jika nilai mahasiswa lebih besar dari atau sama denga...
if/else  Selection Structure (I) <ul><li>• Bentuk umum if…else adalah : </li></ul><ul><li>if(kondisi) </li></ul><ul><li>{ ...
if/else  Selection Structure (I) <ul><li>• Pseudocode: </li></ul><ul><li>Jika nilai mahasiswa lebih besar dari atau sama d...
if/else  Selection Structure (II) <ul><li>• Flowchart </li></ul>
if/else  Selection Structure (III) <ul><li>• Conditional Operator  ( ?: ) </li></ul><ul><li>• Bentuk : </li></ul><ul><li>c...
if/else  Selection Structure (IV) <ul><li>Nested  if/else  Structures: </li></ul><ul><li>• Pseudocode: </li></ul><ul><li>I...
if/else  Selection Structure (V) <ul><li>Nested  if/else  Structures (II): </li></ul><ul><li>• JavaScript statement: </li>...
while  Repetition Structure <ul><li>Program segment: find first power of 2 larger than 1000 </li></ul><ul><li>• Pseudocode...
Formulating Algorithms <ul><li>Studi kasus 1 : counter-controlled repetition </li></ul><ul><li>Studi kasus 2 : sentinel-co...
Counter-controlled repetition <ul><li>Menggunakan while dengan sebuah variabel counter yang di-incremen atau di-decremen t...
Contoh <ul><li>... </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var counter, </li></ul><ul...
output
Sentinel-controlled repetition <ul><li>Menggunakan sebuah nilai sebagai sentinel, dan sebuah variabel. Ketika variabel ter...
contoh <ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var gradeCounter, </li></ul><ul><li>gradeValue, ...
<ul><li>grade= window.prompt(&quot;Enter integr Grade, -1 to quit :&quot;, &quot;0&quot;); </li></ul><ul><li>gradeValue= p...
output
Nested control repetition <ul><li>Sebuah control-structure bisa ditempatkan di dalam control-structure yang lain </li></ul...
contoh <ul><li><script language = &quot;javascript&quot;> </li></ul><ul><li>var maks, </li></ul><ul><li>temp, </li></ul><u...
<ul><li>var i= 0; </li></ul><ul><li>while(i< maks){ </li></ul><ul><li>var r= 0; </li></ul><ul><li>while(r< maks){ </li></u...
output
Assignment Operators <ul><li>Bentuk operasi assignment operators : </li></ul><ul><ul><li>c = c+ 3 equals to c+= 3 </li></u...
Tabel of Assignment Operators
Increment and Decrements Operators <ul><li>Increment operators (++) </li></ul><ul><ul><li>c++; equals to c+= 1; equals to ...
Tabel increment and decrement
Upcoming SlideShare
Loading in...5
×

Control Statement I

651

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
651
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Control Statement I"

  1. 1. Java Script : Control Statement I
  2. 2. Kelompok 7 : Kharisma Muhammad 5108100104 Pambudi Surya 5108100138 Dading Zainul Gusti 5108100179
  3. 3. Control Structures (I) <ul><li>• 3 Tipe dari struktur seleksi : </li></ul><ul><li>– if </li></ul><ul><li>• Single-selection structure </li></ul><ul><li>– Digunakan untuk menyeleksi suatu kondisi tunggal. Bila proses yang diseleksi terpenuhi atau bernilai benar, maka pernyataan yang ada di dalam blok if akan diproses dan dikerjakan. </li></ul><ul><li>– if/else </li></ul><ul><li>• Double-selection structure </li></ul><ul><li>– Dalam if.....else minimal terdapat dua pernyataan. Bila kondisi yang diperiksa bernilai benar, maka pernyataan pertama yang akan dilaksanakan dan jika kondisi yang diperiksa bernilai salah maka pernyataan yang kedua yang akan dilaksanakan . </li></ul><ul><li>– switch </li></ul><ul><li>• Multiple-selection structure </li></ul><ul><li>– switch....case....default digunakan untuk penyeleksian nilai dengan kemungkinan yang terjadi cukup banyak. Fungsi ini akan melaksanakan salah satu dari beberapa pernyataan ‘case’ tergantung nilai yang tertera di dalam switch. Selanjutnya proses diteruskan hingga ditemukan pernyataan ‘break’. Jika tidak ada nilai pada case yang sesuai dengan nilai di dalam switch, maka proses akan diteruskan kepada pernyataan yang ada di ‘default’ . </li></ul>
  4. 4. Control Structures (II) <ul><li>• Empat tipe struktur repetition </li></ul><ul><li>– while </li></ul><ul><li>– do/while </li></ul><ul><li>– for </li></ul><ul><li>– for/in </li></ul><ul><li>• Dua cara dalam mengkombinsikan struktur </li></ul><ul><li>– Control-structure stacking </li></ul><ul><li>• Single-entry/single-exit structures </li></ul><ul><li>– Control-structure nesting </li></ul>
  5. 5. If Selection Structure (I) <ul><li>• Bentuk umum dari if adalah : </li></ul><ul><li>if (kondisi) </li></ul><ul><li>{ </li></ul><ul><li>pernyataan; </li></ul><ul><li>} </li></ul><ul><li>  </li></ul>
  6. 6. If Selection Structure (II) <ul><li>• Pseudocode: </li></ul><ul><li>Jika nilai mahasiswa lebih besar dari atau sama dengan 60 </li></ul><ul><li>Print “lulus” </li></ul><ul><li>• JavaScript statement: </li></ul><ul><li>if( grade >= 60 ) </li></ul><ul><li>document.writeln( “Lulus” ); </li></ul><ul><li>• Flowchart: </li></ul>
  7. 7. if/else Selection Structure (I) <ul><li>• Bentuk umum if…else adalah : </li></ul><ul><li>if(kondisi) </li></ul><ul><li>{ </li></ul><ul><li>pernyataan1; </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>pernyataan2; </li></ul>
  8. 8. if/else Selection Structure (I) <ul><li>• Pseudocode: </li></ul><ul><li>Jika nilai mahasiswa lebih besar dari atau sama dengan 60 </li></ul><ul><li>Print “Lulus” </li></ul><ul><li>else </li></ul><ul><li>Print “Tidak lulus” </li></ul><ul><li>• JavaScript statement: </li></ul><ul><li>if ( grade >= 60 ) </li></ul><ul><li>document.writeln( “Lulus” ); </li></ul><ul><li>else </li></ul><ul><li>document.writeln( “Tidak lulus” ); </li></ul>
  9. 9. if/else Selection Structure (II) <ul><li>• Flowchart </li></ul>
  10. 10. if/else Selection Structure (III) <ul><li>• Conditional Operator ( ?: ) </li></ul><ul><li>• Bentuk : </li></ul><ul><li>condition ? expression1 : expression2; </li></ul><ul><li>• Contoh </li></ul><ul><li>document.writeln( </li></ul><ul><li>nilaiMahasiswa >= 60 ? “Lulus” : “Tidak lulus” ); </li></ul><ul><li>• Sama seperti if/else pada contoh sebelumnya. </li></ul>
  11. 11. if/else Selection Structure (IV) <ul><li>Nested if/else Structures: </li></ul><ul><li>• Pseudocode: </li></ul><ul><li>If student’s grade is greater than or equal to 90 </li></ul><ul><li>Print “A” </li></ul><ul><li>else </li></ul><ul><li>If Student’s grade is greater than or equal to 80 </li></ul><ul><li>Print “B” </li></ul><ul><li>else </li></ul><ul><li>If student’s grade is greater than or equal to 70 </li></ul><ul><li>Print “C” </li></ul><ul><li>else </li></ul><ul><li>If student’s grade is greater than or equal to 60 </li></ul><ul><li>Print “D” </li></ul><ul><li>else </li></ul><ul><li>Print “F” </li></ul>
  12. 12. if/else Selection Structure (V) <ul><li>Nested if/else Structures (II): </li></ul><ul><li>• JavaScript statement: </li></ul><ul><li>if ( studentGrade >= 90 ) </li></ul><ul><li>document.writeln( “A” ); </li></ul><ul><li>else if ( studentGrade >= 80 ) </li></ul><ul><li>document.writeln( “B” ); </li></ul><ul><li>else if ( studentGrade >= 70 ) </li></ul><ul><li>document.writeln( “C” ); </li></ul><ul><li>else if ( studentGrade >= 60 ) </li></ul><ul><li>document.writeln( “D” ); </li></ul><ul><li>else </li></ul><ul><li>document.writeln( “F” ); </li></ul>
  13. 13. while Repetition Structure <ul><li>Program segment: find first power of 2 larger than 1000 </li></ul><ul><li>• Pseudocode : </li></ul><ul><li>While product is less than 1000 </li></ul><ul><li>multiply product by 2 </li></ul><ul><li>• JavaScript statement: </li></ul><ul><li>var product = 2; </li></ul><ul><li>while ( product <= 1000 ) </li></ul><ul><li>product = 2 * product; </li></ul><ul><li>• Flowchart: </li></ul>
  14. 14. Formulating Algorithms <ul><li>Studi kasus 1 : counter-controlled repetition </li></ul><ul><li>Studi kasus 2 : sentinel-controlled repetition </li></ul><ul><li>Studi kasus 3 : nested control structure </li></ul>
  15. 15. Counter-controlled repetition <ul><li>Menggunakan while dengan sebuah variabel counter yang di-incremen atau di-decremen tiap kali looping sebagai pengecekan </li></ul><ul><li>Perulangan akan berhenti ketika counter mencapai nilai tertentu dan membuat kondisi menjadi false </li></ul><ul><li>Digunakan ketikai jumlah looping yang akan dilakukan sudah diketahui </li></ul>
  16. 16. Contoh <ul><li>... </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var counter, </li></ul><ul><li>input, </li></ul><ul><li>output; </li></ul><ul><li>counter= 1; </li></ul><ul><li>while(counter<= 6){ </li></ul><ul><li>document.writeln(&quot;<h&quot; + counter+ &quot;>Hello world&quot;+ &quot;</h&quot;+ counter+&quot;>&quot;); </li></ul><ul><li>counter++; </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li>... </li></ul>
  17. 17. output
  18. 18. Sentinel-controlled repetition <ul><li>Menggunakan sebuah nilai sebagai sentinel, dan sebuah variabel. Ketika variabel tersebut bernilai sama dengan sentinel-value, maka condition akan jadi false dan looping akan berhenti </li></ul><ul><li>Gunakan ketika ketika jumlah looping yang akan dilakukan disesuaikan dengan inputan user </li></ul><ul><li>Sentinel-value adalah nilai diluar domain inputan user </li></ul><ul><li>Inputan user pertama kali dilakukan sebelum while </li></ul>
  19. 19. contoh <ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var gradeCounter, </li></ul><ul><li>gradeValue, </li></ul><ul><li>total, </li></ul><ul><li>average, </li></ul><ul><li>grade; </li></ul><ul><li>total= 0; </li></ul><ul><li>gradeCounter= 0; </li></ul><ul><li>grade= window.prompt(&quot;Enter integr Grade, -1 to quit :&quot;, &quot;0&quot;); </li></ul><ul><li>gradeValue= parseInt(grade); </li></ul><ul><li>while(gradeValue!= -1){ </li></ul><ul><li>total+= gradeValue; </li></ul><ul><li>gradeCounter++; </li></ul>
  20. 20. <ul><li>grade= window.prompt(&quot;Enter integr Grade, -1 to quit :&quot;, &quot;0&quot;); </li></ul><ul><li>gradeValue= parseInt(grade); </li></ul><ul><li>} </li></ul><ul><li>if(gradeCounter != 0){ </li></ul><ul><li>average= total/ gradeCounter; </li></ul><ul><li>document.writeln(&quot;<h1>Class average is &quot;+ average+ &quot;</h1>&quot;); </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>document.writeln(&quot;<p>no grades were entered</p>&quot;); </li></ul><ul><li></script> </li></ul>
  21. 21. output
  22. 22. Nested control repetition <ul><li>Sebuah control-structure bisa ditempatkan di dalam control-structure yang lain </li></ul><ul><li>Dalam javaScript, jika sebuah local-variable tidak diinisialisasi di awal maka akan otomatis diinisialisasi oleh javaScript </li></ul>
  23. 23. contoh <ul><li><script language = &quot;javascript&quot;> </li></ul><ul><li>var maks, </li></ul><ul><li>temp, </li></ul><ul><li>counter; </li></ul><ul><li>counter= 0; </li></ul><ul><li>temp= window.prompt(&quot;masukkan input : &quot;, &quot;0&quot;); </li></ul><ul><li>maks= parseInt(temp); </li></ul><ul><li>var input= new Array(maks); </li></ul><ul><li>while(counter< maks){ </li></ul><ul><li>input[counter]= Math.floor(Math.random()*(maks+ 1)); </li></ul><ul><li>counter++; </li></ul><ul><li>} document.writeln(&quot;<h3>random generated initial array is: &quot;+input+&quot;</h3>&quot;); </li></ul>
  24. 24. <ul><li>var i= 0; </li></ul><ul><li>while(i< maks){ </li></ul><ul><li>var r= 0; </li></ul><ul><li>while(r< maks){ </li></ul><ul><li>if(input[i]< input[r]){ </li></ul><ul><li>var temp= input[i]; </li></ul><ul><li>input[i]= input[r]; </li></ul><ul><li>input[r]= temp; </li></ul><ul><li>} </li></ul><ul><li>r++; </li></ul><ul><li>} </li></ul><ul><li>i++; </li></ul><ul><li>} </li></ul><ul><li>document.writeln(&quot;<h3>Sorted array: &quot;+input+&quot;</h3>&quot;); </li></ul><ul><li></script> </li></ul>
  25. 25. output
  26. 26. Assignment Operators <ul><li>Bentuk operasi assignment operators : </li></ul><ul><ul><li>c = c+ 3 equals to c+= 3 </li></ul></ul><ul><li>kedua ekspresi di atas sama-sama berfungsi untuk menambahkan nilai 3 kepada variabel c </li></ul><ul><li>Bentuk c+= 3 hanya memiliki sedikit perbedaan dalam kecepatan eksekusi dengan bentuk c = c+ 3, namun kecepatan eksekusi akan jauh berbeda ketika melibatkan jumlah operasi yang besar </li></ul>
  27. 27. Tabel of Assignment Operators
  28. 28. Increment and Decrements Operators <ul><li>Increment operators (++) </li></ul><ul><ul><li>c++; equals to c+= 1; equals to c= c+ 1; </li></ul></ul><ul><li>Decrement operators (–) </li></ul><ul><ul><li>c--; equals to c-= 1; equals to c= c- 1; </li></ul></ul><ul><li>Bisa digunakan untuk mengekspresikan preincremented/decremented atau postincremented/decremented </li></ul><ul><li>Increment/decrement operators bisa mengurangi runtime ketika melakukan perulangan yang banyak </li></ul>
  29. 29. Tabel increment and decrement
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×