JavaScript学习笔记(二)--流程控制语句
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学习笔记(二)--流程控制语句相关推荐
- 前端学习笔记之流程控制语句和数组(六)
流程控制语句 if语句的基本使用 if语句是最简单的条件语句,也称选择语句.它通常结合else一起使用,表示如果--就--否则--. if (测试条件) {// 语句块1// 当测试条件为真,则执行这 ...
- JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
- JavaScript学习笔记之数组(二)
JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...
- amazeui学习笔记二(进阶开发4)--JavaScript规范Rules
amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...
- JavaScript 学习笔记(二)
JavaScript 学习笔记(二) 文章目录 JavaScript 学习笔记(二) 一 JSON 1. JSON 对象 什么是JSON对象 JSON对象与Javascript对象的区别 在JavaS ...
- GEE(Google Earth Engine) 最基础代码学习笔记二 —— JavaScript 语言
GEE(Google Earth Engine) 学习笔记二 Javascript 语言 1. 注释 print('Hello World!'); 如果要注释,则在代码前面加//,比如: // pri ...
- JavaScript学习笔记(六)--数组
数组初始化 我们都知道,数组是用于保存多个值的集合,在数组中,值被称为元素,值可以是任意的数据类型.在Javascript中,创建数组通常有两种方式:字面量和构造函数. 字面量 数组的元素可以是任意的 ...
- JavaScript学习笔记07【6个经典案例——电灯开关、轮播图、自动跳转首页、动态表格、表格全选、表单验证】
Java后端 学习路线 笔记汇总表[黑马程序员] w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符. ...
- JavaScript学习笔记06【高级——JavaScript中的事件】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
- JavaScript学习笔记05【高级——DOM对象】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
最新文章
- 对大量转载贴识别算法的研究
- js基础语法(01)-JS中+号的三种含义
- sortable 拖拽时互换目标的位置_双端通用型JS拖拽插件的封装与应用
- 数据结构——从叶子结点到根节点的全部路径
- P8207-[THUPC2022 初赛]最小公倍树【Kruskal】
- weex android 性能,跨越适配性能那道坎,企鹅电竞Android weex优化
- 博客网最终能否破茧成蝶?
- upnp协议和dlna源码理解与修改
- 从零开始学前端:标签渐变和媒体查询 --- 今天你学习了吗?(CSS:Day25)
- keras文件存放的目录
- vue 打包后本地先自己启动服务 anywhere 非常好用
- 逃离农场--动态规划
- 迎接蜕变,期待 Internet Exploer 9
- IDEA 2020 配置Emmylua插件仍无法调试Lua代码问题
- Linux-ubuntu系统查看显卡型号、显卡信息详解、显卡天梯图
- 【py】pandas
- 选课系统源码html,高校选课系统 - WEB源码|源代码 - 源码中国
- Cortex-M3 Bit-Banding
- 折弯公差尺寸及工艺要求
- C++ 炼气期之基本结构语法中的底层逻辑