Rumah > hujung hadapan web > tutorial js > Atur penyataan kawalan aliran Javascript nota kajian_kemahiran javascript

Atur penyataan kawalan aliran Javascript nota kajian_kemahiran javascript

WBOY
Lepaskan: 2016-05-16 15:29:12
asal
1475 orang telah melayarinya

1. Buat penghakiman (jika kenyataan)
Pernyataan if ialah pernyataan yang digunakan untuk melaksanakan kod yang sepadan berdasarkan syarat yang dipenuhi.
Sintaks:

 if(条件){
   条件成立时执行代码
 }
Salin selepas log masuk

Contoh: Katakan anda memohon jawatan pembangunan teknologi bahagian hadapan web Jika anda mengetahui teknologi HTML dan anda berjaya dalam temu duga, anda dialu-alukan untuk menyertai syarikat.

<script type="text/javascript">
   var mycarrer = "HTML";
   if (mycarrer == "HTML"){
     document.write("你面试成功,欢迎加入公司。");
   }
 </script>
Salin selepas log masuk

2. Pilih satu daripada dua (jika...pernyataan lain)

Pernyataan if...else ialah kod yang dilaksanakan apabila keadaan yang dinyatakan adalah benar, dan kod selepas else dilaksanakan apabila keadaan itu tidak benar.
Tatabahasa:

 if(条件){
   条件成立时执行的代码
 }else{
   条件不成立时执行的代码
 }
Salin selepas log masuk

Contoh: Katakan anda memohon jawatan pembangunan teknologi hadapan web Jika anda tahu teknologi HTML dan anda berjaya dalam temu duga, anda dialu-alukan untuk menyertai syarikat itu .

<script type="text/javascript">
   var mycarrer = "HTML"; //mycarrer变量存储技能
   if (mycarrer == "HTML"){
     document.write("你面试成功,欢迎加入公司。"); 
   }else{
     //否则,技能不是HTML
     document.write("你面试不成功,不能加入公司。");
   }
 </script>
Salin selepas log masuk

3. Pelbagai pertimbangan (jika...pernyataan bersarang lain)
Untuk memilih satu kumpulan berbilang kumpulan pernyataan untuk dilaksanakan, gunakan if..else pernyataan bersarang.
Sintaks:

 if(条件1)
 { 条件1成立时执行的代码}
 else if(条件2)
 { 条件2成立时执行的代码}
 ...
 else if(条件n)
 { 条件n成立时执行的代码}
 else
 { 条件1、2至n不成立时执行的代码}
Salin selepas log masuk

Contoh: Mengikut piawaian klasifikasi umur Pertubuhan Kesihatan Sedunia Pertubuhan Bangsa-Bangsa Bersatu, mereka yang berumur di bawah 44 tahun ialah golongan muda; Warga tua ialah mereka yang berumur antara 60 dan 89 tahun; Zhao Hong berumur 99 tahun tahun ini?

<script type="text/JavaScript">
   var myage =99;//赵红的年龄为99
   if(myage<=44){
     document.write("青年");
   }else if(myage<=59) {
     document.write("中年人");
   }else if (myage<=89){
     document.write("老年人");
   }else {
     document.write("长寿老年人");
   }
 </script>
Salin selepas log masuk

4. Pelbagai pilihan (Tukar pernyataan)
Apabila terdapat banyak pilihan, suis lebih mudah digunakan berbanding jika lain.

 switch(表达式)
 {
 case值1:
 执行代码块 1
 break;
 case值2:
 执行代码块 2
 break;
 ...
 case值n:
 执行代码块 n
 break;
 default:
 与 case值1 、 case值2...case值n 不同时执行的代码
 }
Salin selepas log masuk

Huraian tatabahasa:
Suis mesti diberikan nilai awal dan nilainya sepadan dengan setiap nilai kes. Puaskan semua kenyataan selepas melaksanakan kes, dan gunakan pernyataan rehat untuk menghalang kes seterusnya daripada dijalankan. Jika semua nilai kes tidak sepadan, pernyataan selepas lalai dilaksanakan.
Contoh: Mari buat rancangan mingguan, belajar konsep dan pengetahuan pada hari Isnin dan Selasa, berlatih di syarikat pada hari Rabu dan Khamis, meringkaskan pengalaman pada hari Jumaat, berehat dan bergembira pada hari Sabtu dan Ahad.

 <script type="text/JavaScript">
   var myweek =3;//myweek表示星期几变量
   switch(myweek){
     case 1:
     case 2:
     document.write("学习理念知识");
     break;
     case 3:
     case 4:
     document.write("到企业实践");
     break;
     case 5:
     document.write("总结经验");
     break;
     default:
     document.write("周六、日休息和娱乐");
   }
 </script>
Salin selepas log masuk

5. Ulang (untuk gelung)
Banyak perkara bukan hanya dilakukan sekali, tetapi dilakukan berulang kali. Sebagai contoh, cetak 10 salinan kertas ujian, satu demi satu, dan ulangi tindakan ini sehingga pencetakan selesai. Kami menggunakan penyataan gelung untuk mencapai perkara ini Penyataan gelung adalah untuk melaksanakan sekeping kod berulang kali.
untuk struktur pernyataan:

 for(初始化变量;循环条件;循环迭代)
 { 
   循环语句 
 }
Salin selepas log masuk

Contoh: Jika terdapat 6 bola di dalam kotak, kami mengambil satu demi satu dan berulang kali mengeluarkan bola dari kotak sehingga semua bola diambil.

 <script type="text/javascript">
   var num=1;
   for (num=1;num<=6;num++){ //初始化值;循环条件;循环后条件值更新
     document.write("取出第"+num+"个球<br />");
   }
 </script>
Salin selepas log masuk

Kami mempunyai wang yang berbeza denominasi 1, 2, 3...10 Gunakan penyata for untuk melengkapkan jumlah dan lihat jumlah wang yang kami ada?

 <script type="text/JavaScript">
   var mymoney,sum=0;//mymoney变量存放不同面值,sum总计
   for(mymoney=1;mymoney<=10;mymoney++){ 
     sum= sum + mymoney;
   }
   document.write("sum合计:"+sum);
 </script>
Salin selepas log masuk

6 Berulang kali (gelung sambil)
Gelung while mempunyai fungsi yang sama seperti gelung for Gelung while berulang kali melaksanakan bahagian kod sehingga syarat tertentu tidak lagi dipenuhi.
manakala struktur pernyataan:

 while(判断条件)
 {
   循环语句
 }
Salin selepas log masuk

Gunakan gelung sementara untuk melengkapkan tindakan mengambil bola dari kotak, satu demi satu, untuk jumlah 6 bola.

<script type="text/javascript">
   var num=0; //初始化值
   while (num<=6){ //条件判断
     document.write("取出第"+num+"个球<br />");
     num=num+1; //条件值更新
   }
 </script> 
Salin selepas log masuk

7. Berbolak-balik (Do...while loop)
Prinsip asas struktur do while pada asasnya adalah sama dengan struktur while, tetapi ia memastikan badan gelung dilaksanakan sekurang-kurangnya sekali. Kerana ia melaksanakan kod terlebih dahulu, kemudian menilai syarat Jika keadaan itu benar, gelung diteruskan.
lakukan...sambil struktur pernyataan:

 do
 {
   循环语句
 }
 while(判断条件)
Salin selepas log masuk

Cuba keluarkan 5 nombor.

<script type="text/javascript">
   num= 1;
   do{
     document.write("数值为:" + num+"<br />");
    num++; //更新条件
   }
   while (num<=5)
 </script>
Salin selepas log masuk

Gunakan penyataan do...while untuk mengeluarkan 6 nombor.

<script type="text/javascript">
   var mynum =6;//mynum初值化数值为6
   do{
     document.write("数字:"+mynum+"<br/>");
     mynum=mynum-1;
   }
  while(mynum>=1);
 </script>
Salin selepas log masuk

8. Keluar dari putus gelung
Gunakan pernyataan rehat dalam while, for, do...while, while gelung untuk keluar dari gelung semasa dan terus laksanakan kod berikut.
Formatnya adalah seperti berikut:

 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况)
   {break;}
   循环代码
 }
Salin selepas log masuk

Keluarkan markah ujian Jika markah lulus, teruskan keluarkan markah seterusnya Jika markah gagal, keluar dan markah seterusnya tidak akan dikeluarkan.

 <script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i=0;
   while(i<mynum.length){
     if(mynum[i]<60){
     document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");
     break;
     }
     document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");
     i=i+1;
   }
 </script>
Salin selepas log masuk

9. Teruskan gelung
Struktur pernyataan:

 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况){
     continue;
   }
   循环代码
 }
Salin selepas log masuk

Dalam gelung di atas, apabila situasi khas berlaku, gelung ini akan dilangkau dan gelung seterusnya tidak akan terjejas.
Contoh: Skor ujian keluaran Jika markah lulus, markah seterusnya akan dikeluarkan Jika markah gagal, markah tidak akan dikeluarkan.

<script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i;
   for(i=0;i<mynum.length;i++){
     if(mynum[i]<60){
       document.write("成绩不及格,不输出!"+"<br>");
       continue;
     }
     document.write("成绩:"+mynum[i]+"及格,输出!"+"<br>");
   }
 </script>
Salin selepas log masuk

在一个大学的编程选修课班里,我们得到了一组参加该班级的学生数据,分别是姓名、性别、年龄和年级,接下来呢,我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。

学生信息如下:

('小A','女',21,'大一'), ('小B','男',23,'大三'),

('小C','男',24,'大四'), ('小D','女',21,'大一'),

('小E','女',22,'大四'), ('小F','男',21,'大一'),

('小G','女',22,'大二'), ('小H','女',20,'大三'),

('小I','女',20,'大一'), ('小J','男',20,'大三')

<script type="text/javascript">
  //第一步把之前的数据写成一个数组的形式,定义变量为 infos
  var infos = [
    ['小A','女',21,'大一'],
    ['小B','男',23,'大三'],
    ['小C','男',24,'大四'],
    ['小D','女',21,'大一'],
    ['小E','女',22,'大四'],
    ['小F','男',21,'大一'],
    ['小G','女',22,'大二'],
    ['小H','女',20,'大三'],
    ['小I','女',20,'大一'],
    ['小J','男',20,'大三']
  ];
  //第一次筛选,找出都是大一的信息
  var arr1 = [];
  var n = 0;
  for(var i=0;i<infos.length;i++){ 
    if( infos[i][3] == "大一" ){ 
       arr1[n] = infos[i];
       document.write(arr1[n]+"<br/>");
       n=n+1;
    } 
  }
  document.write("大一人数: "+arr1.length+"<br/>"); 
  //第二次筛选,找出都是女生的信息
  for(var i=0;i<arr1.length;i++){ 
  //这里可以用switch 
    if(arr1[i][1]=='女'){
      document.write(arr1[i][0]+"<br/>");
    }
  }
</script>
Salin selepas log masuk

以上就是关于Javascript流程控制语句的实例解析,希望对大家的学习有所帮助。

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan