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 ...
随机推荐
- 参考MySQL Internals手册，使用Golang写一个简单解析binlog的程序
GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源. MySQL作为最流行的开源关系型数据库,有大量的拥趸.其生态已经相当完善,各项特性在圈内都有大量研究.每次新特性发布,都会 ...
- Luogu3267 [JLOI2016/SHOI2016]侦察守卫 （树形DP）
树形DP,一脸蒙蔽.看了题解才发现它转移状态与方程真不愧神题! \(f[x][y]\)表示\(x\)的\(y\)层以下的所有点都已经覆盖完,还需要覆盖上面的\(y\)层的最小代价. \(g[x][y] ...
- Luogu3870 [TJOI2009]开关 （分块）
线段树做法很简单,但分块好啊 #include <iostream> #include <cstdio> #include <cstring> #include & ...
- java学习第一天.day03
运行程序数据存储 ASCII Unicode(万国码) A在码表的顺序是65,a在码表的顺序是97,1代表49 变量 定义一个变量声明数据类型是开辟一个空间存储数据,java对数据的定义比较严格,比如 ...
- 051_末晨曦Vue技术_处理边界情况之provide和inject依赖注入
provide和inject依赖注入 点击打开视频讲解更详细 在此之前,在我们描述访问父级组件实例的时候,展示过一个类似这样的例子: <google-map> <google-map ...
- .net 温故知新：【7】IOC控制反转，DI依赖注入
IOC控制反转 大部分应用程序都是这样编写的:编译时依赖关系顺着运行时执行的方向流动,从而生成一个直接依赖项关系图. 也就是说,如果类 A 调用类 B 的方法,类 B 调用 C 类的方法,则在编译时, ...
- C# 使用SIMD向量类型加速浮点数组求和运算（1）：使用Vector4、Vector<T>
作者: 目录 一.缘由 二.使用向量类型 2.1 基本算法 2.2 使用大小固定的向量(如 Vector4) 2.2.1 介绍 2.2.2 用Vector4编写浮点数组求和函数 2.3 使用大小与硬件 ...
- Vue3 发生错误：setup function returned a promise
当你组件中有 Promise 对象时,即 Axios.Ajax 这类的请求,然后把数据渲染到模板中就会报如下图的错误: 在这个异步组件外包裹一个 <Suspense> 组件.比如 App. ...
- 【java】学习路径18-Arrays中的sort、binarySearch使用注意
在使用Arrays.binarySearch()的时候要注意先对数组进行排序. Arrays.binarySearch()方法介绍: Searches the specified array of i ...
- 写给前端的 react-native 入门指南
前言 本文主要介绍 react-native(下称 RN) 的入门, 和前端的异同点 文章不涉及功能的具体实现 选择优势 我们先说说, 为什么很多人会选择使用 RN .他对应的特性和普通 Web 的区 ...