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 ...
随机推荐
- 技术分享 | 将GreatSQL添加到系统systemd服务
欢迎来到 GreatSQL社区分享的MySQL技术文章,如有疑问或想学习的内容,可以在下方评论区留言,看到后会进行解答 GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源. 1 ...
- 金融任务实例实时、离线跑批Apache DolphinScheduler在新网银行的三大场景与五大优化
在新网银行,每天都有大量的任务实例产生,其中实时任务占据多数.为了更好地处理任务实例,新网银行在综合考虑之后,选择使用 Apache DolphinScheduler 来完成这项挑战.如今,新网银行多 ...
- 记一次 ClickHouse 性能测试
前言 在工作场景中,我们会采集工厂设备数据用于智能控制,数据的存储用了 InfluxDB,随着数据规模越来越大,InfluxDB 的性能越来越差,故考虑引入 ClickHouse 分担 InfluxD ...
- Nodemon 如何实时监听 TypeScript 项目下的文件并热部署？
首先你的项目要安装ts-node和nodemon: npm i -D ts-node nodemon 在package.json文件中配置运行脚本: "dev": "no ...
- Redis 哨兵机制
概述 由一个或多个 Sentinel(哨兵)实例组成的 Sentinel 系统可以监视任意多个主服务器,以及这些主服务器属下的所有从服务器,并在被监视的主服务器进入下线状态时,自动将下线主服务器属下的 ...
- 快速掌握 Base 64 | 学 Java 密码系列
Java 密码系列 - Java 和 JS Base 64 Base 64 不属于密码技术,仅是编码方式.但由于在 Java.JavaScript.区块链等出现的频率较高,故在本系列文章中首先分享 B ...
- Spring(一)- 初始 + DI+scope
1.获取bean实例的三种方式 1.1 id 属性 1.1.1 jar <properties> <project.build.sourceEncoding>UTF-8< ...
- Stringboot中@Autowired加了static就属性值就为null
//错误 @Autowired private static DepartmentDao departmentDao; @Autowired注入,将bean注入进来 @Autowired通过sprin ...
- C#通过反射实现简单的控制反转和依赖注入（一）
Java项目中通过@Autowire便可以实现将对象实例化到指定的字段,无需手动new一个对象出来,用起来非常方便,因为Java类加载器在在加载过程会将扫描所有@Servie.@Mapper.@Com ...
- Eclipse配置Tomcat搭建java Web (JSP)开发环境
配置Tomcat服务 1.打开窗口-首选项-Server-Runtiome Environments 2.点击ADD,选择对应的Tomcat版本,点击下一步 路径选择Tomcat解压后的文件夹目录,点 ...