知识点最多最详细的JS自学学习笔记(连载)第一章、条件判断语法

条件判断语法

(1) if else

if(条件1){

条件成立执行的语句

}else if(条件2){

条件2成立执行的语句

}else if(条件3){

条件3成立执行的语句

}...

else{ 以上条件都不成立执行的语句 }

1、if中的条件可以是 大于、小于、等于,还可以是一个值(判断这个值是否为真)

2、if中的条件还可以是多个小的条件组合,中间用|| (左右两边只要有一边为真就为真)和&&隔开(两边都 为真才为真)

面试题:

var num = Number("12px"); //==>NaN

if (num == 12) {

console.log(12);

} else if (num == NaN) { //NaN==NaN ==>NaN是不等于NaN的 ==>false

console.log(NaN);

} else if (typeof num == "number") { //typeof NaN ==>"number"

console.log("number");

} else {

console.log("no");

}

输出的是字符串"number"

**(2)**三元运算符

应用于最简单的if、else

**语法:**条件 ? 条件成立执行 : 条件不成了执行;

**语法:**条件 ? 件件成立执行 : void 0;

  1. 如果处理的事情比较多,可以用括号包起来,每一件事情用逗号隔开
  2. 如果不需要处理事情,可以使用null、undefined占位,或void 0

num >= 0 ? (num <= 10 ? num += 10 : void 0) : num++;

a>0 && a<20 ? (a++,console.log(a)) : null

(3) switch case

应用于一个变量在不同值情况下的不同的操作。

++在switch case中,每一种case都是用= = =来进行比较处理的,要求比较严格,只有数据类型和值都相同才为true++ ++。++

switch (num) {

case 0: //每一个case都是变量在这种值情况才的操作,此处的意思是,如果num等于0,我们执行num+=1,大家一定要记住,通常情况下,每一种case结束都要加break;

num += 1;

break;

case 5: // 如果不加break,条件会判断两个,满足这两个,就执行下面的。

case 4:

num += 5;

break; //如果不加break 后面不管条件成立否,全部执行了。

default: //和else相同,以上情况都不符合执行default

num += 20;

}

面试题

var num = "5"; var num2 = "5";

switch (num) { if (num2 == 0) {

case 0: num2++;

num += 1; } else if (num2 == 5) {//"5"==5 ==>true

break; num2 += 10; //"5"+10 ==>"510"

case 5: //"5" case 5的时候不成立 } else {

num += 10; num2 += 15;

break; } console.log(num2); //"510"

default: //default等价于else,以上条件都不成立

num += 15;

} console.log(num); //"515"


本人是以网络视频与网络文章的方式自学的,并按自己理解的方式总结了学习笔记。有不正确之处请各位高手多多指点,一起学习进步。【VX:czlingyun 暗号:CSDN】

相关推荐
云边小网安40 分钟前
java集合(十) ---- LinkedList 类
java·开发语言·青少年编程·java集合
10年前端老司机41 分钟前
什么!纯前端也能识别图片中的文案、还支持100多个国家的语言
前端·javascript·vue.js
摸鱼仙人~44 分钟前
React 性能优化实战指南:从理论到实践的完整攻略
前端·react.js·性能优化
程序员阿超的博客2 小时前
React动态渲染:如何用map循环渲染一个列表(List)
前端·react.js·前端框架
magic 2452 小时前
模拟 AJAX 提交 form 表单及请求头设置详解
前端·javascript·ajax
Zephyrtoria2 小时前
区间合并:区间合并问题
java·开发语言·数据结构·算法
你怎么知道我是队长3 小时前
GO语言---匿名函数
开发语言·后端·golang
lansye3 小时前
侃侃AI编程
开发语言·qt·ai编程
uyeonashi4 小时前
【QT】窗口详解
开发语言·c++·qt·学习
Hello eveybody5 小时前
C++介绍整数二分与实数二分
开发语言·数据结构·c++·算法