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

本文主要是介绍知识点最多最详细的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】

这篇关于知识点最多最详细的JS自学学习笔记(连载)第一章、条件判断语法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1014553

相关文章

Java图片压缩三种高效压缩方案详细解析

《Java图片压缩三种高效压缩方案详细解析》图片压缩通常涉及减少图片的尺寸缩放、调整图片的质量(针对JPEG、PNG等)、使用特定的算法来减少图片的数据量等,:本文主要介绍Java图片压缩三种高效... 目录一、基于OpenCV的智能尺寸压缩技术亮点:适用场景:二、JPEG质量参数压缩关键技术:压缩效果对比

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,:本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步:动态库生成(vs2017+qt5.12.10)第二步:Java调用C++

Python基础文件操作方法超详细讲解(详解版)

《Python基础文件操作方法超详细讲解(详解版)》文件就是操作系统为用户或应用程序提供的一个读写硬盘的虚拟单位,文件的核心操作就是读和写,:本文主要介绍Python基础文件操作方法超详细讲解的相... 目录一、文件操作1. 文件打开与关闭1.1 打开文件1.2 关闭文件2. 访问模式及说明二、文件读写1.

Ubuntu中远程连接Mysql数据库的详细图文教程

《Ubuntu中远程连接Mysql数据库的详细图文教程》Ubuntu是一个以桌面应用为主的Linux发行版操作系统,这篇文章主要为大家详细介绍了Ubuntu中远程连接Mysql数据库的详细图文教程,有... 目录1、版本2、检查有没有mysql2.1 查询是否安装了Mysql包2.2 查看Mysql版本2.

Oracle数据库常见字段类型大全以及超详细解析

《Oracle数据库常见字段类型大全以及超详细解析》在Oracle数据库中查询特定表的字段个数通常需要使用SQL语句来完成,:本文主要介绍Oracle数据库常见字段类型大全以及超详细解析,文中通过... 目录前言一、字符类型(Character)1、CHAR:定长字符数据类型2、VARCHAR2:变长字符数

Win11安装PostgreSQL数据库的两种方式详细步骤

《Win11安装PostgreSQL数据库的两种方式详细步骤》PostgreSQL是备受业界青睐的关系型数据库,尤其是在地理空间和移动领域,:本文主要介绍Win11安装PostgreSQL数据库的... 目录一、exe文件安装 (推荐)下载安装包1. 选择操作系统2. 跳转到EDB(PostgreSQL 的

Python3.6连接MySQL的详细步骤

《Python3.6连接MySQL的详细步骤》在现代Web开发和数据处理中,Python与数据库的交互是必不可少的一部分,MySQL作为最流行的开源关系型数据库管理系统之一,与Python的结合可以实... 目录环境准备安装python 3.6安装mysql安装pymysql库连接到MySQL建立连接执行S

将Mybatis升级为Mybatis-Plus的详细过程

《将Mybatis升级为Mybatis-Plus的详细过程》本文详细介绍了在若依管理系统(v3.8.8)中将MyBatis升级为MyBatis-Plus的过程,旨在提升开发效率,通过本文,开发者可实现... 目录说明流程增加依赖修改配置文件注释掉MyBATisConfig里面的Bean代码生成使用IDEA生

Linux系统配置NAT网络模式的详细步骤(附图文)

《Linux系统配置NAT网络模式的详细步骤(附图文)》本文详细指导如何在VMware环境下配置NAT网络模式,包括设置主机和虚拟机的IP地址、网关,以及针对Linux和Windows系统的具体步骤,... 目录一、配置NAT网络模式二、设置虚拟机交换机网关2.1 打开虚拟机2.2 管理员授权2.3 设置子

Linux系统中卸载与安装JDK的详细教程

《Linux系统中卸载与安装JDK的详细教程》本文详细介绍了如何在Linux系统中通过Xshell和Xftp工具连接与传输文件,然后进行JDK的安装与卸载,安装步骤包括连接Linux、传输JDK安装包... 目录1、卸载1.1 linux删除自带的JDK1.2 Linux上卸载自己安装的JDK2、安装2.1