JavaWeb JavaScript ③ JS的流程控制和函数
目录
时间在不断地筛选你身边的人和事，当你什么都不在乎的时候，你的人生才刚刚开始
—— 24.7.20
一、JS分支结构
if结构
这里的if结构几乎和JAVA中的一样,需要注意的是
① if()中的非空字符中会被认为是true（即使是字符串false）
② 非空对象会判断为true
③ if()中的非零数字会被认为是true
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS分支结构</title>
<script>
/*
if
switch
*/
// prompt返回的结果就是用户在窗口上输出的值，以String类型返回
var month = prompt("请输入月份")
// 根据月份输出季节
var month = Number.parseInt(month);
if (month == 1 || month == 2 || month == 12) {
console.log("Winter");
} else if (month == 3 || month == 4 || month == 5) {
console.log("Spring");
} else if (month == 6 || month == 7 || month == 8) {
console.log("Summer");
} else if (month == 9 || month == 10 || month == 11) {
console.log("Fall");
} else {
console.log("Invalid month");
}
</script>
</head>
<body>
</body>
</html>switch结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// prompt返回的结果就是用户在窗口上输出的值，以String类型返回
var month = prompt("请输入月份")
// 根据月份输出季节
var month = Number.parseInt(month);
switch (month) {
case 12:
case 1:
case 2:
console.log("春天");
break;
case 3:
case 4:
case 5:
console.log("夏天");
break;
case 6:
case 7:
case 8:
console.log("秋天");
break;
case 9:
case 10:
case 11:
console.log("冬天");
break;
default:
console.log("输入错误");
break;
}
</script>
</head>
<body>
</body>
</html>二、JS循环结构
while
for
for-each
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 页面打印
document.write("while循环")
document.write("<hr>")
// while循环
var i = 1;
while(i <= 5){
var j = 1;
while(j <= i){
document.write(i + "x" + j + "=" + i*j + " ");
j++;
}
document.write("<hr>");
i++;
}
document.write("for循环")
document.write("<hr>")
// for循环
for(var i = 1; i <= 5; i++){
for(var j = 1; j <= i; j++){
document.write(i + "x" + j + "=" + i*j + " ");
}
document.write("<hr>");
}
// for-each循环
var arr = [1, 2, 3, 4, 5];
document.write("for-each循环")
document.write("<hr>")
for(var i in arr){
for(var j = 1; j <= arr[i]; j++){
document.write(arr[i] + "x" + j + "=" + arr[i]*j + " ");
}
document.write("<hr>");
}
</script>
</head>
<body>
</body>
</html>
三、JS函数声明
JS中的方法,多称为函数,函数的声明语法和JAVA中有较大区别
函教说明
① 函数没有权限控制符
② 不用声明函数的返回值类型,需要返回在函数体中直接return即可,也无需void关键宁
③ 参数列表中,无需数据类型
④ 调用函数时,实参和形参的个数可以不一致
⑤ 声明函数时需要用function关键字
⑥ 函数没有异常列表
语法
1.function 函数名(){}
2.var 函数名 = function(){}
特点
① 没有访问修饰符
② 没有返回值类型也没有void 如果有值要返回,则直接return即可
③ 没有异常列表
④ 调用方法，实参和形参可以在数量上不一致，多余的参数相当于没传入，在方法内部可以通过arguments获得调用时的实参
⑤ 函数也可以作为参数传递给另一个方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function add(a, b) {
return a + b;
}
// 调用函数 接受结果
var result = add(10, 20);
console.log(result);
var reduce = function(a,b){
return a-b;
}
// 调用函数 接受结果
var result2 = reduce(10, 5);
console.log(result2);
// 函数作为参数传参
var sum = function(a, b) {
console.log(a + b);
return a + b;
}
function add2(getSum){
return
}
// 调用函数 接受结果
var result3 = add2(sum(10, 20));
console.log(result3);
</script>
</head>
<body>
</body>
</html>原文地址：https://blog.csdn.net/m0_73983707/article/details/140578133
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！