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 ...
随机推荐
- Vue组件的继承用法
Vue组件的继承用法 点击打开视频讲解 vue组件的继承适用于UI几乎一样,只是数据不一样的情况下,但是这种情况通过统一封装组件也是能实现的,小功能建议用封装,大功能建议用组件继承,因为大功能在结合搜 ...
- 【Java】学习路径58-TCP聊天-双向发送实现
这一章内容比较复杂(乱) 重点在于解决利用TCP协议实现双向传输. 其余的细节(比如end)等,不需要太在意. 但是我也把折腾经历写出来了,如果大家和我遇到了类似的问题,下文可以提供一个参考. 目标: ...
- OpenJudge1.5.17 菲波那契数列
17:菲波那契数列 总时间限制: 1000ms 内存限制: 65536kB 描述 菲波那契数列是指这样的数列: 数列的第一个和第二个数都为1,接下来每个数都等于前面2个数之和. 给出一个正整数k,要求 ...
- KingbaseES 缺少库文件问题
在工作中大家经常会遇到找不到某个so 的问题,这类可能是so文件缺失,或者是由于LD_LIBRARY_PATH 环境变量设置不当的原因. 1.库文件 我们通常把一些公用函数制作成函数库,供其它程序使用 ...
- 【读书笔记】C#高级编程 第六章 数组
(一)同一类型和不同类型的多个对象 如果需要使用同一类型的多个对象,就可以使用数组或集合(后面章讲). 如果需要使用不同类型的多个对象,可以使用Tuple(元组)类型. (二)简单数组 如果需要使用同 ...
- dp-LIS LCS 模型
最长上升子序列问题: https://www.cnblogs.com/sxq-study/p/12303589.html 一:两遍LIS问题 1:题目: 怪盗基德是一个充满传奇色彩的怪盗,专门以珠宝为 ...
- 一文带你体验MRS HetuEngine如何实现跨源跨域分析
摘要: HetuEngine作为MRS服务中交互式分析&多源统一SQL引擎,亲自全程体验其如何实现多数据源的跨源跨域分析能力. 本文分享自华为云社区<MRS HetuEngine体验跨源 ...
- js 对象的深复制 解决不能复制undefined （递归）
用普通的拷贝 JSON.parse和 JSON.stringify 进行对象拷贝是不会拷贝undefined //普通的拷贝 const obj = { a: { ...
- PostgreSQL逻辑复制解密
在数字化时代的今天,我们都认同数据会创造价值.为了最大化数据的价值,我们不停的建立着数据迁移的管道,从同构到异构,从关系型到非关系型,从云下到云上,从数仓到数据湖,试图在各种场景挖掘数据的价值.而在这 ...
- Pod 的生命周期
上图展示了一个 Pod 的完整生命周期过程,其中包含 Init Container.Pod Hook.健康检查 三个主要部分,接下来我们就来分别介绍影响 Pod 生命周期的部分: 首先在介绍 Pod ...