JS中的分支语句和循环语句
1、JS中的IF语句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS中的IF语句</title>
</head>
<body>
<script>
// 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>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS中的switch语句</title>
</head>
<body>
<script>
// 语法
/*
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>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS中 while 和 do-while用法</title>
</head>
<body>
<script>
// 语法
/*
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>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS中for的用法</title>
</head>
<body>
<script>
// 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>
JS中的分支语句和循环语句相关推荐
- python分支语句_Python中的分支语句和循环语句及案例
今天是清明假期的最后一天,依旧学习着 Python,老样子来写一篇博客.本篇博文介绍一下 Python 中的 if 条件语句.while 循环语句.for in 循环语句以及 break 和 cont ...
- python的for语句条件_Python中的条件选择和循环语句
Python中的条件选择和循环语句 同C语言.Java一样,Python中也存在条件选择和循环语句,其风格和C语言.java的很类似,但是在写法和用法上还是有一些区别.今天就让我们一起来了解一下. 一 ...
- Matlab变量、分支语句和循环语句
Matlab变量.分支语句和循环语句 一.Matlab的变量 1.变量的命名 Matlab的变量名由数字.字母和下划线组成,可是仅仅能由字母开头.大写和小写敏感,最大长度为63个字符.不能使用Matl ...
- Python中的条件选择和循环语句
Python中的条件选择和循环语句 同C语言.Java一样,Python中也存在条件选择和循环语句,其风格和C语言.java的很类似,但是在写法和用法上还是有一些区别.今天就让我们一起来了解一下. 一 ...
- C语言分支语句与循环语句较为全面的总结，快来看呀！！
分支语句和循环语句: 写在开篇:C语言其实算比较熟悉了,这里都是一些基础的总结,但感觉每次看都会有一些收获,也许这就是意义所在,冲冲冲!! 本章重点学习分支语句和循环语句的使用. 分支语句: if s ...
- python分支语句_Python语言基础分支语句、循环语句.ppt
* * 循环结构回顾 for循环 for 循环作为编程语言中最强力的特征之一 Python可以使用for语句循环遍历整个序列的值 for循环所做的概括为一句话: 于- 其中的每一个元素,做-事情 * ...
- C语言——分支语句和循环语句
目录 1.什么是语句 2.分支语句(选择结构) 2.1 if语句 2.2switch语句 3.循环语句 3.1while语句 3.1.1 语法 3.1.2 while中break和continue 3 ...
- 盘复分支语句和循环语句的那些知识
目录 1.分支语句 一.if语句 if语句的语法结构 多分支 悬空else 二.switch switch的语法结构 小结: 2.3种循环语句 1.while() 小结 2.for循环 for循环中的 ...
- python多分支语句实例_Python分支语句与循环语句应用实例分析
Python分支语句与循环语句应用实例分析 来源:中文源码网 浏览: 次 日期:2019年11月5日 [下载文档: Python分支语句与循环语句应用实例分析.txt ] (友情提示:右 ...
- Python教学 | Python 中的分支结构（判断语句）【附本文代码和数据】
查看原文:[数据seminar]Python教学 | Python 中的分支结构(判断语句)[附本文代码和数据] Part1引言 上期文章我们学习了组合数据类型字典以及元组,这标志着 Python 基 ...
最新文章
- jQuery插件：jqGrid使用（二）
- 【学习笔记】Python - Beautiful Soup
- python基础——迭代器与生成器
- css动画之旅--弹性菜单效果
- [转]快速使用FileProvider解决Android7.0文件权限问题
- [转]JS部分通用函数
- 如何导出项目到本地_如何在win10中导入/导出组策略设置，这个技巧很实用
- GNS3安装教程简单，含路由器和交换机安装
- MySQL comment 使用
- 两个瓶子水怎样一样多_大班科学－两杯水一样多吗？
- 慧安金科黄铃：面对金融欺诈， AI 如何揪出“老赖”
- 长期有效的Google Adsense英文高单价关键词
- html5 微信返回按钮,《解决微信内置浏览器返回上一页强制刷新问题方法》(示例代码)...
- 华为交换机关机方法_华为路由器交换机基本操作
- API接口搜索商品列表的调用展示
- H - Streets of Working Lanterns Gym - 101149H -括号匹配-栈模拟
- office ppt在线预览
- 2021年中式面点师（初级）考试题库及中式面点师（初级）操作证考试
- 解读亚马逊新财报：AWS增速放缓，数字广告能否接过增长重担？
- 国内外安全漏洞公共资源库