Home>Article>Web Front-end> What are the program structures in javascript
The program structure in JavaScript includes: 1. Sequential structure, which is executed sentence by sentence from beginning to end; 2. Branch structure, after reaching a certain node, it will decide which one to follow based on the result of a judgment. Branch direction execution; 3. Loop structure.
The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer
The execution sequence of the program is divided into three types: sequential structure, branch structure and loop structure
The default structure of the program is executed sentence by sentence from beginning to end
To After a certain node, it will be decided based on the result of a judgment which branch direction to execute in the future
The characteristics of the branch structure: only one branch will be executed in the same branch structure
if(条件){ 代码块1; }
Execution rules: If the condition is established, the code block corresponding to the if statement
var age = 26; if (age >= 18) { alert("你已经成年");//你已经成年 }
is executed in the same Only one branch will be executed in the branch structure. Because the two if conditions are independent, they will output
var a = 5; if (a > 3) { console.log(1);//1 } if (a > 0) { console.log(2);//2 }
if(条件){ 代码块1; }else{ 代码块2; }
Execution rules: if If the condition is true, the code block corresponding to the if statement is executed. If it is not true, the code block in else is executed.
var age = 15; if (age >= 18) { alert("你已经成年"); }else{ alert("你还没有成年");//你还没有成年 }
if(条件1){ 代码块1; }else if(条件2){ 代码块2; } ... else if(条件n){ 代码块n; }else{ 代码块m; }
Execution rules : When condition n is met and the code block corresponding to condition n is executed, only one branch will be executed
var age = prompt('请输入年龄:'); if (age < 18) { console.log('未成年'); } else if (age >= 18 && age <= 30) { console.log('青年'); } else if (age > 30 && age <= 60) { console.log('中年'); } else if (age > 60) { console.log('老人') } else { console.log('请输入正确的年龄'); }
[Related recommendations:javascript learning tutorial]
switch...case is a congruent comparison
switch(表达式){ case 值: 代码块; break; case 值2: 代码块; break; ... default: 代码块; break }
Execution rules: The expression is compared with the value behind the case to determine whether the two Equal, if equal, the corresponding code block is executed. If the above case and expression are not equal, the content in default will be executed.
Switch penetration problem
60分以上的及格,其他的留级 switch (score) { case 6: case 7: case 8: case 9: case 10: console.log('及格'); break; default: console.log('留级'); break; }
The loop structure has a loop body, and the loop body is a piece of code. For loop structures, the key is to decide how many times to execute the loop body based on the judgment result;
##1.for
for(循环变量初始化;循环判断;循环迭代){ 循环体; }
Execution rules
for (var i = 0; i < 5; i++) { console.log(i);//0 1 2 3 4 }
2.while
Execution rules: If If the condition is true, the loop bodywhile(条件){ 循环体; }is executed to calculate how many times a piece of paper is folded, and the thickness exceeds Mount Everest
var total = 8848000; var h = 1;//纸厚度 var count=0; while (h <= total) { h*=2; count++;//次数递增 } console.log('折叠了'+count+'次数'); console.log(h);
3.do…whileThe difference between while and do...whiel: while loop will be judged first and then executed, do...while will be executed first and then judged. Regardless of whether the condition is true or false, it will be executed once
do{ 循环体; }while(条件);
var a = 0; do { console.log(1);//1 } while (a > 0); while (a > 0) { console.log(1);//无输出 a++; }
4.for …in
Commonly used to traverse objects and arrays数组 var arr = [10, 20, 30, 40]; for(var i in arr){ console.log(i); console.log(arr[i]); } 对象 var obj = { name: 'jack', age: '20', addr: "北京路" }; for (var i in obj) { console.log(i); console.log(i,obj[i]); }
5. The difference between break and continue
break; End the loop and leave yourself The nearest loop continue; End this loop and continue the next loop, the loop closest to youfor(var i=0;i<5;i++){ if(i==2){ break; } console.log(i); } var sum = 0;//需要有初值,否则会NaN if (i % 2 != 0) { continue; } sum += i;// sum =sum+0 }
6. Nesting of loops
The outer loop is executed once, and the inner loop is executed oncefor (var j = 0; j < 4; j++) { //输出一行* for (var i = 0; i < 5; i++) { document.write('*'); } //换行 document.write("For more programming-related knowledge, please visit:
"); };
Introduction to Programming! !
The above is the detailed content of What are the program structures in javascript. For more information, please follow other related articles on the PHP Chinese website!