表达式语句: 一个表达式可以产生一个值,有可能是运算、函数调用 字面量 表达式可以放在任何需要值的地方。

  语句: 语句可以理解成一个行为,循环语句和判断语句就是典型的语句,一个程序有多个语句组成。

  流程控制的三种结构:  

    顺序结构: 从上到下依次执行
    分支结构: 根据不同的情况,执行对应的代码
    循环结构: 重复做一件事情

一、流程控制

1. if语法 

if 语句
if (条件表达式) {
执行语句;
}
if (条件表达式) {
成立执行语句;
} else {
否则执行语句;
}
if (条件表达式1) {
成立执行语句;
} else if (条件表达式2) {
成立执行语句2;
} else {
最后默认执行语句;
} 三元运算符
1. 表达式1 ? 表达式2 : 表达式3
var num1 = 13;
var num2 = 4;
console.log(num1 > num2 ? num1 : num2);

2. 分支结构switch

判断输入的表达式和值是否是相等 (这里判断的是三个等)
switch (表达式) {
case 常量1:
语句;
break;
case 常量2:
语句;
break;
...
case 常量n:
语句;
break:
defalut:
语句;
}

switch小案例

var day = 5;
switch (day) {
case '1':
console.log('Monday');
break
case '2':
console.log('Turseday');
break;
default:
console.log('What are you doing');
}

二、 循环结构

1. while 语法

1. 当循环条件为true 执行循环
2. 当循环条件为false 结束循环
while (循环条件) {
循环体
}
var i = 1;
while (i <= 100) {
console.log(i);
i++
}

do while 和while的区别
while: 先判断条件 在执行语句 如果条件满足就执行
do while: 先执行语句 在判断条件 条件满足执行语句1 否则执行2

2. do while语法

do {
循环体;
} while (循环条件);

do while案例

rompt 让用户交互输入的 相当于python里面的input
do {
var msg = prompt('你到底爱不爱我? ', '请输入yes/no');
} while (msg !== 'yes');
console.log('哈哈哈')

3. for 循环

for循环的表达式之间用;分号隔开
for (初始化表达式1; 条件表达式2; 自增表达式) {
循环体
}

while和do while 一般用来解决无法确认次数的循环
for 用于能确定循环次数的情况 比较方便

for表达式可以省略 分号不能省略

案例1: 打印三角形

var str = '';
for (var i =0; i<10; i++) {
for (var j =i; j<10; j++) {
str = str + '* ';
}
str = str + '\n';
}
console.log(str);

案例2: 打印正方形

var str = '';
for (var j =0; j<10; j++) {
for (var i = 0; i<10; i++) {
str = str +'* '; }
str = str + '\n';
}
console.log(str);

案例3: 打印九九乘法表

var str = '';
for (var i =1; i <= 9; i++) {
for (j=i; j<=9; j++) {
str += i + '*' + j + '=' + i*j + '\t';
}
str = str + '\n';
}
console.log(str) break 打破循环
for (var i =50; i<=200; i++) {
if (i % 7 === 0) {
console.log(i);
break;
}
}

三、continue和break

1. continue 结束当次循环 继续下一次

var sum = 0;
for (var i=1; i<=100; i++) {
if (i%10 === 3) {
console.log(i);
continue; }
sum += i;
}
console.log(sum);

斐波那契数列例子:

var n1 =1;
var n2 = 1;
var n3;
for (var i = 3; i <=12; i++) {
n3 = n2 + n1;
n1 = n2;
n2 = n3;
}
console.log(n3);

调试debug

调式debug
调试的目的是确定错误的原因和位置,并解决错误
错误
语法错误
逻辑错误
过去调试js的方式
alert()
console.log()
断点调试
浏览器中按F12 --> source 找到需要调试的文件 --> 在程序的某一行设置断点

break待补充......

    

js入门第二篇之流程控制语句的更多相关文章

  1. ElasticSearch入门 第二篇:集群配置

    这是ElasticSearch 2.4 版本系列的第二篇: ElasticSearch入门 第一篇:Windows下安装ElasticSearch ElasticSearch入门 第二篇:集群配置 E ...

  2. [dart学习]第六篇:流程控制语句

    经过前面的基础知识了解学习,我们今天可以进入语句模块啦. dart主要有以下流程控制语句: if-else for循环 while和do-while循环 break和continue switch-c ...

  3. C#入门篇5-7:流程控制语句 continue语句

    #region continue语句 public class ContinueApp { public static void Fun1() { //标签打印显示1…30,若能被3整除则不打印. ; ...

  4. C#入门篇5-8:流程控制语句 break语句

    #region break语句 public class Breakapp { public static void Fun1() { //计算1+2+…+100的求和程序,打印显示每次循环计算的结果 ...

  5. 微信js框架第二篇(创建完整界面布局)

    接着昨天的继续谈关于微信新出的这个js框架,今天主要谈一个页面的创建到布局的详细步骤. 一.创建一个完整页面       页面你可以创建在项目的任何节点,只要你在入口文件正确引入创建该页面的路径就可使 ...

  6. JavaMail入门第二篇 创建邮件

    JavaMail API使用javax.mail.Message类来表示一封邮件,Message类是一个抽象类,所以我们需要使用其子类javax.mail.internet.MimeMessage类来 ...

  7. js基础知识之_流程控制语句

    javascript 流程控制 流程控制:就是程序代码执行顺序 流程控制:通过规定的语句让程序代码有条件的按照一定的方式执行 顺序结构 按照书写顺序来执行,是程序中最基本的流程结构 选择结构(分支结构 ...

  8. Android JNI入门第二篇——Java参数类型与本地参数类型对照

    前面一篇通过简单的例子介绍了android中JNI的使用.这一篇从基础上了解一些Java参数类型与本地参数类型区别. 1)        java中的返回值void和JNI中的void是完全对应的哦! ...

  9. Hadoop入门第二篇-MapReduce学习

    mapreduce是一种计算模型,是google的一篇论文向全世界介绍了MapReduce.MapReduce其实可以可以用多种语言编写Map或Reduce程序,因为hadoop是java写的,所以通 ...

随机推荐

  1. SQL SERVER SELECT语句中加锁选项的详细说明

    共享锁(读锁)和排他锁(写锁)   共享锁(S锁):共享 (S) 用于不更改或不更新数据的操作(只读操作),如 SELECT 语句. 如果事务T对数据A加上共享锁后,则其他事务只能对A再加共享锁,不能 ...

  2. Rust基础笔记:闭包

    语法 Closure看上去是这样的: let plus_one = |x: i32| x + 1; assert_eq!(2, plus_one(1)); 首先创建一个绑定plus_one,然后将它分 ...

  3. (一)UML概览

    类图

  4. 【python比较两个列表list】 python2 cmp() python3 operator模块

    https://www.yiibai.com/python/list_cmp.html 如果元素的类型相同,则执行比较并返回结果.如果元素是不同的类型,则检查它们是否是数字. 如果数字,必要时进行数字 ...

  5. 【Leetcode_easy】706. Design HashMap

    problem 706. Design HashMap solution1: class MyHashMap { public: /** Initialize your data structure ...

  6. 第二十二章 集成验证码——《跟我学Shiro》

    目录贴:跟我学Shiro目录贴 在做用户登录功能时,很多时候都需要验证码支持,验证码的目的是为了防止机器人模拟真实用户登录而恶意访问,如暴力破解用户密码/恶意评论等.目前也有一些验证码比较简单,通过一 ...

  7. Fakes中Shim的2种方法

    Fakes自动生成的Shim代码,有两种可能:(目前尚不清楚生成规律) //属性型 public static FakesDelegates.Func<string, bool, string& ...

  8. webpack简单配置

    1.代理配置 需要修改一下配置文件 config里的index.js,根据接口特点自主选取 2.解决图标显示路径错误问题 项目在打包完成后如果出现图片显示不了的问题,需要进行如下配置

  9. eNSP——配置全局地址池的DHCP

    原理: 拓扑图: 实验编址: 1.基本配置 2.配置全局地址池的DHCP Server 在R1上开启DHCP功能,使用ip pool命令创建一个全局地址池,名字自己定. 在全局地址池配置网段.掩码.租 ...

  10. ul根据后台添加li,并在点击li时,颜色随之变化

    在我们大多数时候都是通过<ul><li>...</li></ul>来实现同级的加载,但是也用很多时候li里的内容是不固定的.需要根据后台返回数据来生成. ...