JS-分支结构(单向-双向-多向-嵌套)
分支结构
1 回顾
1.1 数据类型转换
1. 数据类型转换规则1.1 其他类型转为 numberstring 转 number: 纯数字字符串->对应的数字,空字符串->0; 其他->NaNboolean 转 number: true -> 1; false -> 0undefined 转 number: NaNnull 转 number: 01.2 其他类型转 字符串1.3 其他类型转 booleannumber 转 boolean: 0 和 NaN -> false; 其他 -> truestirng 转 boolean: 空字符串 -> false; 其他 -> trueundefined 转 boolean: falsenull 转 boolean : false2. 强制类型转换其他类型转 number: Number() parseInt() parseFloat()其他类型转 string: String()其他类型转 boolean: Boolean()3. 自动类型转换数据所处的运算环境,运算环境由运算符决定
1.2 运算符
分类方式:按照操作数个数:一元运算符、二元运算符、三元运算符按照功能: 算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符、其他运算符1. 算符运算符: + - * / % ++ -- + -
2. 关系运算符: > >= < <= == != === !==
3. 逻辑运算符: && || !
4. 赋值运算符: = += *= /= -= %=
5. 其他运算符: typeof , + ?:
2 分支结构 (条件语句)
2.1 单向分支
if (条件表达式) {语句 ...;
}
var age = prompt('请输入您的年龄:');// 判断用户是否是未成年if (age < 18) {alert ( '警告!未成年人请在成年人陪伴下访问')}alert( '欢迎访问本网站');
2.2 双向分支
if (条件表达式) {语句 ...;
} else {语句 ...;
}
2.3 多向分支 else if
if (条件表达式) {} else if (条件表达式) {} else if (条件表达式) {} else if (条件表达式) {} else {}
var age = prompt('请输入你的年龄:')if (age>=18) {alert ('您已成年,可以访问')} else {alert('您未成年,谨慎访问')}alert('欢迎访问')
2.4 多向分支 switch case
sitch (表达式) {case 表达式可能的值: 语句...;break;case 表达式可能的值: 语句...;break;case 表达式可能的值: 语句...;break;case 表达式可能的值: 语句...;break;defalut:语句
}
总结:
- 判断条件是判等的多向分享,适合使用 switch case 结构。
- switch case 判等是按照全等(===)的规则进行判等。
- break 结束本 case 中代码的执行,如果没有 break,会一直向下执行,直到执行 break。
switch (name) {case '戴':alert('哈哈');break;default:alert('闺蜜');}
3.5 嵌套分支
if (条件表达式) {if (条件表达式) {}
} else {if (条件表达式) {} else {}
}
// 判断油号if (oliN == 92) {var price = 4;if (oliL >= 40) {price = 3.5;}var totalprice = price*oliL;alert('您需要支付:'+totalprice);}if (oliN = 95) {var price = 5;if (oliL >= 40) {price = 4.5;}var totalprice = price*oliL;alert('您需要支付:' +totalprice);}alert('没有你需要的油号')
var oliN = +prompt ('请输入油号:')var oliL = +prompt('请输入油量(单位:升):')switch (oliN) {case 92 :var price = 4;if (oliL >= 40) {price = 3.5;}var total = price*oliL;alert ('您需要支付的费用为:' + total);break;case 95 :var price = 5;if (oliL >= 40) {price = 4.5;}var total = price*oliL;alert('您需要支付的费用为:' + total);break;}
JS-分支结构(单向-双向-多向-嵌套)相关推荐
- (13)UVM 史上最全TLM单向/双向/多向通信介绍
UVM 史上最全TLM单向/双向/多向通信介绍 文章目录 UVM 史上最全TLM单向/双向/多向通信介绍 一.TLM单向通信 1.概述 2.类型 3.方法 4.单向通信例子 二.TLM双向通信 1.概 ...
- Java学习笔记2.4.3 选择结构 - 多分支结构
文章目录 零.本讲学习目标 一.多分支结构概述 (一)并列式多分支结构 (二)嵌套式多分支结构 (三)延拓式多分支结构 (四)开关式多分支结构 二.案例演示 方法一.采用并列式多分支结构评定成绩等级 ...
- C语言基础知识之分支结构
系列文章目录 目录 系列文章目录 前言 一.什么是分支结构 1.if else (1)单分支结构 (2)多分支结构 (3)嵌套分支结构 2.switch 总结 前言 文章作者刚入门,内容理解不成熟,有 ...
- 08.15 javascript3 分支结构 条件语句 :单向分支 双向分支 嵌套分支 多项分支 循环结构 while dowhile for 跳转语句 其他语句...
# 分支结构 条件语句 ### 单向分支 if (){ } ### 双向分支 if () { } else { ...
- JS数据类型与分支结构
数据类型:数字Number.字符串String.布尔值Boolean.空null.未定义undefined.数组Array.对象Object.函数Function 分支结构:选择.循环(类似java) ...
- Javascript开发技巧(JS中的变量、运算符、分支结构、循环结构)
一.Js简介和入门 继续跟进JS开发的相关教程. <!-- [使用JS的三种方式] 1.HTML标签中内嵌JS(不提倡使用): 示例:<button οnclick="javas ...
- 分支结构||分支循环结构||使用原生js遍历对象
分支循环结构 分支结构 v-show的原理:控制元素样式是否显示 display:none <!DOCTYPE html> <html lang="en"> ...
- mermaid与flowchart.js绘制流程图分支结构试验
mermaid与flowchart.js绘制流程图分支结构试验 近日绘制流程图时对不断修改调整流程图中节点位置感到很厌烦,想要改用代码方式来写流程图.以下试验均基于CSDN编辑器的的mermaid和f ...
- 分支结构 单分支多分支嵌套分支结构
单分支结构&多分支结构 嵌套分支结构 switch结构 总结
最新文章
- 架构周报| 浅析MySQL JDBC连接配置上的两个误区
- 六年磨一剑,全时发布音视频会议平台TANG,多款新品亮相
- MarkDown入门及技巧
- Xamarin iOS编写第一个应用程序创建工程
- 【Python实践-1】求一元二次方程的两个解
- 计算机网络的网络实验有哪几种,计算机网络实验一 网络设备的认识.doc
- python 利用 for ... else 跳出双层嵌套循环
- node 没有界面的浏览器_node.js爬虫入门(二)爬取动态页面(puppeteer)
- 1017 A除以B (20 分)(c语言)
- python学习笔记--迭代
- Spark之spark shell
- 请求的内容似乎是脚本,因而将无法有静态文件处理程序来处理(http error 404.17、0x80070032、IIS7)...
- linux sar 历史负载,查看负载、vmstat、top、sar以及nload命令
- unet图片数据增强_kaggle气胸疾病图像分割top5解决方案
- 消费者价格研究中的数据分析
- 安卓脚本用什么写_python脚本控制安卓手机,可以用来做什么你知道吗?
- 以太坊POA共识机制Clique源码分析
- 什么是远程桌面?花生壳+Windows远程桌面控制教程
- 有甲乙丙丁四个字,取出任意三个字,打印所有可能性
- 无人驾驶技术入门(五)| 没有视觉传感器,还谈什么无人驾驶?