JS条件语句

条件语句是基于不同的条件来执行不同的动作。

在JS中,有以下几种条件语句:

  • if 语句
    只有当指定条件为true或者可以被转换为true时,使用该语句来执行代码。
  • if…else 语句
    当条件为true时执行if代码块的内容,否则执行else代码块的内容。
  • if…else if…else 语句
    当条件1为true,执行if代码块1的内容;否则继续判断条件2。当条件2为true时,执行if代码块2的内容;否则执行else代码块的内容。
  • switch 语句
    if-else分支较多,代码繁琐时,用switch更简洁一些。

if 语句

if(条件表达式){//if代码块
};

if…else 语句

if(条件表达式){//if代码块
}else{//else代码块
};

if…else if…else 语句

if(条件表达式1){//if代码块1
}else if(条件表达式2){//if代码块2
}else{//else代码块
};

练习:提供函数,显示当前的星期。

function foo(num){if(num === 1){console.log("周一");} else if(num === 2){console.log("周二");} else if(num === 3){console.log("周三");} else if(num === 4){console.log("周四");} else if(num ===5 ){console.log("周五");} else {console.log("周末");}
}
foo(2); //输出:周二

switch 语句

switch(v){case c1:...break;case c2:...break;case c3:...break;default:...
}

v 表示变量,c1、c2、c3、… 表示常量。当 v === c1的时候,执行c1代码块中的内容,break表示跳槽switch代码块,如果不加break,后续代码都会执行直到遇到break或者switch结束。

default代码块可以位于switch中的任意位置,但是要注意,如果不是位于最下方,一定在代码块中添加break。

练习:提供函数,显示当前的星期。

function foo(num){switch(num){case 1:console.log("周一");break;case 2:console.log("周二");break;case 3:console.log("周三");break;case 4:console.log("周四");break;case 5:console.log("周五");break;default:console.log("周末");}
}
foo(2); //输出:周二

JS循环语句

当希望重复执行同一段代码,并且每一次的值都不同时,可以使用循环语句。

JS中,支持的循环类型有以下几种:

  • for
    循环代码执行一定的次数。
  • while
    当循环次数不确定时使用,要先判断执行条件是否为true。
  • do/while
    不管条件是否为true,都会先执行一次,然后再判断条件是否为true。
  • for/in
    循环遍历一个对象的全部属性或者一个数组的全部元素。

for循环

for(初始化条件;结束判定条件;迭代){循环体
}

练习1:1 ~ 100累加(一重循环)。

var num = 0;
for(var i = 0 ; i < 100 ; i ++){num += i;
};
console.log(num);

练习2:九九乘法表(多重循环)。

for(var i = 1;i<=9;i++){var num = " ";for(var j = 1;j<=i;j++){num +=(j + " * " + i + " = " + i*j) + (i*j >9?" ":"  ");};console.log(num);
};

while 循环

初始化条件
while(结束判定条件){   迭代
};

练习:1 ~ 100累加。

var i = 1;
var result = 0;
while(i < = 100){result += i;i++;
};
console.log(result);

do-while 循环

初始化条件
do {迭代
}  while(结束判定条件);

练习:1 ~ 100累加。

var i = 1;
var result = 0;
do {result += i;i++;
} while(i < = 100);
console.log(result);

for-in 循环

var arr = [12,43,4,67,23];
var obj = {name:"Terry", gender:"male",
};
//遍历数组arr的所有元素
for(var num in arr){console.log(num,arr[num]);
};
//遍历对象obj的所有属性
for(var key in obj){console.log(key,obj[key]);
};

JavaScript学习笔记(二)--流程控制语句相关推荐

  1. 前端学习笔记之流程控制语句和数组(六)

    流程控制语句 if语句的基本使用 if语句是最简单的条件语句,也称选择语句.它通常结合else一起使用,表示如果--就--否则--. if (测试条件) {// 语句块1// 当测试条件为真,则执行这 ...

  2. JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  3. JavaScript学习笔记之数组(二)

    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...

  4. amazeui学习笔记二(进阶开发4)--JavaScript规范Rules

    amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...

  5. JavaScript 学习笔记(二)

    JavaScript 学习笔记(二) 文章目录 JavaScript 学习笔记(二) 一 JSON 1. JSON 对象 什么是JSON对象 JSON对象与Javascript对象的区别 在JavaS ...

  6. GEE(Google Earth Engine) 最基础代码学习笔记二 —— JavaScript 语言

    GEE(Google Earth Engine) 学习笔记二 Javascript 语言 1. 注释 print('Hello World!'); 如果要注释,则在代码前面加//,比如: // pri ...

  7. JavaScript学习笔记(六)--数组

    数组初始化 我们都知道,数组是用于保存多个值的集合,在数组中,值被称为元素,值可以是任意的数据类型.在Javascript中,创建数组通常有两种方式:字面量和构造函数. 字面量 数组的元素可以是任意的 ...

  8. JavaScript学习笔记07【6个经典案例——电灯开关、轮播图、自动跳转首页、动态表格、表格全选、表单验证】

    Java后端 学习路线 笔记汇总表[黑马程序员] w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符. ...

  9. JavaScript学习笔记06【高级——JavaScript中的事件】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  10. JavaScript学习笔记05【高级——DOM对象】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

最新文章

  1. 对大量转载贴识别算法的研究
  2. js基础语法(01)-JS中+号的三种含义
  3. sortable 拖拽时互换目标的位置_双端通用型JS拖拽插件的封装与应用
  4. 数据结构——从叶子结点到根节点的全部路径
  5. P8207-[THUPC2022 初赛]最小公倍树【Kruskal】
  6. weex android 性能,跨越适配性能那道坎,企鹅电竞Android weex优化
  7. 博客网最终能否破茧成蝶?
  8. upnp协议和dlna源码理解与修改
  9. 从零开始学前端:标签渐变和媒体查询 --- 今天你学习了吗?(CSS:Day25)
  10. keras文件存放的目录
  11. vue 打包后本地先自己启动服务 anywhere 非常好用
  12. 逃离农场--动态规划
  13. 迎接蜕变,期待 Internet Exploer 9
  14. IDEA 2020 配置Emmylua插件仍无法调试Lua代码问题
  15. Linux-ubuntu系统查看显卡型号、显卡信息详解、显卡天梯图
  16. 【py】pandas
  17. 选课系统源码html,高校选课系统 - WEB源码|源代码 - 源码中国
  18. Cortex-M3 Bit-Banding
  19. 折弯公差尺寸及工艺要求
  20. C++ 炼气期之基本结构语法中的底层逻辑

热门文章

  1. python字符画太小_python小项目(-)图片转字符画
  2. oracle文件系统挂载点,挂载和取消挂载 Oracle Solaris 文件系统
  3. 首批华为鸿蒙系统课程开发者
  4. Android 切换卡(TabWidget)
  5. 设备上专用计算机管理办法,计算机设备管理办法
  6. uniapp中自定义导航栏动态获取高度
  7. Mac 10.12下安装python3环境
  8. Python并发编程:多进程-守护进程
  9. 2017/08/22 工作日志
  10. 微信小程序学习笔记-1-环境及基础结构