JavaScript基础&实战（3）js中的流程控制语句、条件分支语句、for循环、while循环
文章目录
1、流程控制语句
1.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
流程控制语句：
JS中的程序是从上到下一行一行执行的
语法1:
if(条件表达式){
语句
}
成功执行括号的内容，一条语句可以省略括号
语法2：
if(条件表达式){
语句
}else{
语句
}
语法3：
if(条件表达式){
语句
}else if(条件表达式){
语句
}else if(条件表达式){
语句
}else{
语句
}
*/
var a = 1, b = 2;
if(a < b){
console.log("成立");
}
if(a > b){
console.log("1111");
}else{
console.log("22222");
}
</script>
</head>
<body>
</body>
</html>
1.2 测试结果
2、弹窗提示输入内容
2.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>弹窗</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
prompt 可以弹出一个提示框，该提示框中会带有一个文本框
用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，
该字符串作为弹窗的提示内容。
用户输入的内容将会作为函数的返回值 返回，可以定义一个变量接收该内容
*/
var age = prompt("请输入你的年龄：")
console.log(age);
</script>
</head>
<body>
</body>
</html>
2.2 测试结果
3、条件分支语句
3.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>条件分支语句</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
条件分支语句也叫switch语句
语法
switch(条件表达式){
case : 表达式:
语句...
break;
case : 表达式:
语句...
break;
case : 表达式:
语句...
break;
default:
语句...
break;
}
*/
var num = prompt("请输入整数数字")
//从弹窗输入的是字符串，需要强制类型转换为num，switch中的判断是 === 比较类型和内容
num = Number(num)
switch(num){
case 1:
console.log("1");
break;
case 2:
console.log("2");
break;
default:
console.log("默认值");
break;
}
</script>
</head>
<body>
</body>
</html>
3.2 测试结果
4、while和 do…while循环
4.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>while循环语句</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
循环语句：
通过循环语句可以反复的执行一段代码多次
语法：
while(表达式){
语句...
}
执行流程： 表达式成立，执行语句
do...while() 循环
语法：
do{
语句
}while(表达式)
执行流程： 先执行一遍循环体，然后条件判断
*/
var n = 1 ;
//条件表达式写死为true的循环，死循环。可以使用break终止循环
/*
while(true){
alert(n++);
break;
}
*/
while(n < 6){
document.write(n++ +"<br>")
}
</script>
</head>
<body>
</body>
</html>
4.2 测试结果
5、for循环
5.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>for循环</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
for语句，也是一个循环语句，也称为for循环
语法 ：
for(初始化表达式;条件表达式; 更新表达式){
语句...
}
*/
for(var i =0 ; i < 10; i++){
document.write(i+"<br>")
}
</script>
</head>
<body>
</body>
</html>
5.2 测试结果
JavaScript基础&实战（3）js中的流程控制语句、条件分支语句、for循环、while循环的更多相关文章
- javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...
- javascript基础入门之js中的数据类型与数据转换01
javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM) js中的打印语句: 数据类型 变量 ...
- JS中的流程控制语句
什么叫做语句? 语句:可以理解为语言中一句一句完整的话,程序是由一条条语句构成的,语句是按照自上往下的顺序执行的. 在JavaScript可以使用{ }来为语句进行分组.同一{ }中的语句称为一组 ...
- js 中的流程控制-条件语句
条件语句: if(exp)执行一句代码 <script> var x = 1 ; if(x == 1 ) //当if判断语句结果是true 或者 false 当判断结果等于true的时候, ...
- 01_Java语言基础部分(数据类型与表达式、流程控制语句、数组与方法)
1. Java语言主要由5中符号组成 标识符:数字.字母.美元符.下划线(注意不能数字开头) 关键字(被Java赋予特殊意义的单词,注意所有关键字都是小写): goto和const保留了它们,但是 ...
- JavaScript基础&实战（1）js的基本语法、标识符、数据类型
文章目录 1.JavaScript简介 2.输出语句 2.1 代码块 2.2 测试结果 3.JS编写位置 3.1代码 3.2 测试结果 4.基本语法 4.1 代码 5.标识符 5.1 代码 6.数据类 ...
- JavaScript基础：数据类型的中的那些少见多怪
原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefi ...
- 第二十二节：Java语言基础-详细讲解位运算符与流程控制语句
位运算符(二进制位运算) 运算符 运算 例子 << 左移 3 << 2 = 12 --> 3 * 2 * 2 =12 >> 右移 3 >> 1 = ...
- Mysq中的流程控制语句的用法
这篇博客主要是总结一下Mysq中的流程控制语句的用法,主要是:CASE,IF,IFNULL,NULLIF 1.case CASE value WHEN [compare-value] THEN res ...
随机推荐
- Linux 的常用基本命令
一.Linux 的常用基本命令..................................................................................... ...
- 5.6 NOI模拟
\(5.6\ NOI\)模拟 明天就母亲节了,给家里打了个电话(\(lj\ hsez\)断我电话的电,在宿舍打不了,只能用教练手机打了) 其实我不是很能看到自己的\(future,\)甚至看不到高三的 ...
- 技术分享 | 简单测试MySQL 8.0.26 vs GreatSQL 8.0.25的MGR稳定性表现
欢迎来到 GreatSQL社区分享的MySQL技术文章,如有疑问或想学习的内容,可以在下方评论区留言,看到后会进行解答 GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源. M ...
- JAVA语言基础组成（1）
JAVA语言基础组成 关键字 关键字的定义和特点 定义:被Java语言赋予了特殊含义的单词 特点:关键字中所有字母都为小写 用于定义数据类型的关键字 class interface byte int ...
- 海豚调度5月Meetup：6个月重构大数据平台，帮你避开调度升级改造/集群迁移踩过的坑
当今许多企业都有着技术架构的DataOps程度不够.二次开发成本高.迁移成本高.集群部署混乱等情况,团队在技术选型之后发现并不适合自己的需求,但是迁移成本和难度又比较大,甚至前团队还留下了不少坑,企业 ...
- Apache DolphinScheduler 的持续集成方向实践
今天给大家带来的分享是基于 Apache DolphinScheduler 的持续集成方向实践,分享的内容主要为以下六点: " 研发效能 DolphinScheduler CI/CD 应用案 ...
- Apache DolphinScheduler 需要的sudo，还可以这么玩，长见识了！
Apache DolphinScheduler(incubator)需要的sudo,还可以这么玩,长见识了! 在新一代大数据任务调度 - Apache DolphinScheduler(以下简称dol ...
- flask 可插拔视图
Flask 0.7 版本引入了可插拨视图.可插拨视图基于使用类来代替函数,其灵感来自于 Django 的通用视图.可插拨视图的主要用途是用可定制的.可插拨的视图来替代部分 实现.普通的函数视图 演示代 ...
- 第九十三篇：ESLint:可组装的javaScript和JSX检查工具
好家伙, 1.什么是ESLint? 代码检查工具,用来检查你的代码是否符合指定的规范 2.ESLint有什么用? 统一JavaScript代码风格的工具 在合作开发的时候, 每个成员的代码风格都有可能 ...
- 第二十四篇:对于dom的理解
好家伙, HTML CSS JS structure style function 结构体 样式 功能 <> ...