[JavaScript知识库] JS中的分支语句和循环语句

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> JS中的分支语句和循环语句 -> 正文阅读

[JavaScript知识库]JS中的分支语句和循环语句

1、JS中的IF语句

<!DOCTYPE html>

<head>

????<meta charset="UTF-8">

????<title>JS中的IF语句</title>

</head>

<body>

????// JS语句

????// python: 分支语句 if、if-else、if-elif-else 循环语句: while、for-in

????// ?JS:分支语句 if、if-else、if-else if ...-else、switch-case 循环语句:for、for-in、while、do-while

????// if语句语法

????/*

????单分支语法

????if(条件表达式){

????????满足条件时，执行的内容1

????}

????双分支语法

????if(条件表达式){

????????满足条件时，执行的内容1

????}else{

????????满足条件时，执行的内容2

????}

????多分支语法

????if(条件表达式1){

????????满足条件时，执行的内容1

????}else if(条件表达式2){

????????满足条件时，执行的内容2

????}...else{

????????执行内容n

????}

?????*/

????// 单分支:要么执行，要么不执行

????var num1 = 10;

????if(num1 < 100){

????????document.write("hello");

????}

????document.write("<hr/>");

????// 双分支

????if(num1 % 2 == 0){

????????document.write("偶数");

????}else{

????????????dovument.write("奇数");

????}

????document.write("<hr/>");

????// 多分枝

????var n = 3;

????if(n < 3){

????????document.write(1);

????}else if(n < 4){

????????document.write(2);

????}else if(n > 5){

????????document.write(3);

????}else{

????????document.write(4);

????}

????document.write("<hr/>");

????// 嵌套

????if(n > 1){

????????if(n >2){

????????????document.write('ok');

????????}

????}

????document.write("<hr/>")

????// 等价于

????if(n > 1 && n > 2){

????????document.write("ok");

????}

????document.write("<hr/>")

????// 永真的判断

????if(true){

????????document.write("永真");

????}

????document.write("<hr/>")

????if(1){

????????document.write("永真")

????}

????document.write("<hr/>")

????

????// 永假 : 0、0.0、false、null

</script>

</body>

</html>

2、switch语句

default 所处位置与执行顺序无关

<!DOCTYPE html>

<head>

????<meta charset="UTF-8">

????<title>JS中的switch语句</title>

</head>

<body>

????// 语法

????/*

????switch(变量){

????????case 常量1: {

????????????执行语句1;

????????????break;

????????}

????????case 常量2： {

????????????执行语句2;

????????????break;

????????}

????????...

????????default:{

????????????语句n;

????????????break;

????????}

????}

?????*/

????var str1 = "g"

????switch(str1){

????????case "b":{

????????????document.write("残忍拒绝");

????????????break;

????????}

????????case "g":{

????????????document.write("欣然接受");

????????????break;

????????}

????????default:{

????????????document.write("不做处理");

????????????break;

????????}

????}

</script>

</body>

</html>

3、while 和 do-while语句

<!DOCTYPE html>

<head>

????<meta charset="UTF-8">

????<title>JS中 while 和 do-while用法</title>

</head>

<body>

????// 语法

????/*

????while语句

????while(条件表达式){

????????循环体;

????????循环之后的操作表达式;

????}

?????*/

????// 打印0-9的数字

????var n = 0;

????while(n < 10){

????????document.write(n + "<br/>");

????????n++;

????}

????document.write("<hr/>")

????// do-while语句

????/*

????初始化表达式

????do {

????????循环体;

????????循环之后的操作表达式;

????}while(条件表达式);

?????*/

????var num2 = 0;

????do {

????????document.write(num2 + "<br/>");

????????num2++;

????}while(num2 < 10);

????document.write("<hr/>")

????// while 和 do-while 区别

????var n1 = 3;

????while(n1 < 1){

????????document.write('while');

????}

????document.write("<hr/>")

????var n2 = 3;

????do{

????????document.write("do-while");

????}while(n2 < 1);

????document.write("<hr/>")

????// while 和 do-while的区别：

????// while中先判断条件是否成立，然后执行循环语句

????// do-while中先执行do中的语句，然后判断条件表达式

????// 求1-100的和

????var num = 1;

????var sum = 0;

????while(num <= 100){

????????sum +=num;

????????num++;

????}

????document.write(sum);

????document.write("<hr/>");

????var num1 = 0;

????var sum1 = 0

????do{

????????sum1 += num1;

????????num1++;

????}while(num1 <= 100);

????document.write(sum1)

</script>

</body>

</html>

4、for、for-in语句

<!DOCTYPE html>

<head>

????<meta charset="UTF-8">

????<title>JS中for的用法</title>

</head>

<body>

????// for语法

????/*

????for(表达式1;表达式2；表达式3){

????????循环体;

????}

????表达式1：初始化表达式

????表达式2：条件表达式

????表达式3：循环之后的操作表达式

?????*/

????// 打印0-9的数字

????for(var n = 0;n < 10;n++){

????????document.write(n)

????}

????document.write("<hr/>")

????// 求和

????// var sum = 0;

????// for(var i = 1;i <= 100;i++){

????// ????sum += i;

????// }

????// document.write(sum);

????// document.write("<hr/>")

????//打印99乘法表

????for(var i = 1;i <= 9;i++){

????????for(var j = 1;j <= i; j++){

????????????sum = i * j;

????????????document.write(j + "*" + i + "=" + sum + "??");

????????}

????????document.write("<br/>")

????}

????document.write("<hr/>")

????// for-in ?遍历数组，获取数组中的元素

????/*

????语法

????for(变量 in 容器--列表、数组等){

????????循环体;

????}

?????*/

????var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]

????for (var i in arr){

????????document.write(arr[i]);

????????document.write("<br/>")

????}

????// 打印i 时，获取的是数组的下标

????// 切片时，打印的时数组的值

</script>

</body>

</html>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2021-11-23 12:15:16 更:2021-11-23 12:16:03

360图书馆购物三丰科技阅读网日历万年历 2024年5日历

-2024/5/20 20:40:29-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码