知识点最多最详细的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 OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,:本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

如何通过try-catch判断数据库唯一键字段是否重复

《如何通过try-catch判断数据库唯一键字段是否重复》在MyBatis+MySQL中,通过try-catch捕获唯一约束异常可避免重复数据查询,优点是减少数据库交互、提升并发安全,缺点是异常处理开... 目录1、原理2、怎么理解“异常走的是数据库错误路径,开销比普通逻辑分支稍高”?1. 普通逻辑分支 v

Python与MySQL实现数据库实时同步的详细步骤

《Python与MySQL实现数据库实时同步的详细步骤》在日常开发中,数据同步是一项常见的需求,本篇文章将使用Python和MySQL来实现数据库实时同步,我们将围绕数据变更捕获、数据处理和数据写入这... 目录前言摘要概述:数据同步方案1. 基本思路2. mysql Binlog 简介实现步骤与代码示例1

基于C#实现PDF转图片的详细教程

《基于C#实现PDF转图片的详细教程》在数字化办公场景中,PDF文件的可视化处理需求日益增长,本文将围绕Spire.PDFfor.NET这一工具,详解如何通过C#将PDF转换为JPG、PNG等主流图片... 目录引言一、组件部署二、快速入门:PDF 转图片的核心 C# 代码三、分辨率设置 - 清晰度的决定因

Java中HashMap的用法详细介绍

《Java中HashMap的用法详细介绍》JavaHashMap是一种高效的数据结构,用于存储键值对,它是基于哈希表实现的,提供快速的插入、删除和查找操作,:本文主要介绍Java中HashMap... 目录一.HashMap1.基本概念2.底层数据结构:3.HashCode和equals方法为什么重写Has

从基础到进阶详解Python条件判断的实用指南

《从基础到进阶详解Python条件判断的实用指南》本文将通过15个实战案例,带你大家掌握条件判断的核心技巧,并从基础语法到高级应用一网打尽,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录​引言:条件判断为何如此重要一、基础语法:三行代码构建决策系统二、多条件分支:elif的魔法三、

Java使用正则提取字符串中的内容的详细步骤

《Java使用正则提取字符串中的内容的详细步骤》:本文主要介绍Java中使用正则表达式提取字符串内容的方法,通过Pattern和Matcher类实现,涵盖编译正则、查找匹配、分组捕获、数字与邮箱提... 目录1. 基础流程2. 关键方法说明3. 常见场景示例场景1:提取所有数字场景2:提取邮箱地址4. 高级

Unity新手入门学习殿堂级知识详细讲解(图文)

《Unity新手入门学习殿堂级知识详细讲解(图文)》Unity是一款跨平台游戏引擎,支持2D/3D及VR/AR开发,核心功能模块包括图形、音频、物理等,通过可视化编辑器与脚本扩展实现开发,项目结构含A... 目录入门概述什么是 UnityUnity引擎基础认知编辑器核心操作Unity 编辑器项目模式分类工程