当前位置： 首页 > news >正文

JavaScript基础第二天

news 2026/3/27 13:40:19

JavaScript基础第二天

今天我们学习if分支语句、三元表达式和switch-case语句。

1. if分支语句

1.1 语法

if (条件表达式){// 满足条件要执行的语句
} else {// 不满足条件要执行的语句
}

if中的内容如果为true，就执行大括号的代码块，如果为false执行else代码块。

1.2 示例代码

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>js第二天</title></head><body><script>// if分支语句const condition = 6 > 4;if (condition) {// 代码块1alert("yes");} else {// 代码块2alert("no");}</script></body>
</html>

1.3 运行结果

image-20240206221104526

2. 三元表达式

2.2 语法

条件 ? 表达式1 ： 表达式2
// 执行过程：
// 1. 如果条件为真，则执行表达式1
// 2. 如果条件为假，则执行表达式2

2.3 示例代码

// 补0
// 1. 用户输入
let num = prompt("请您输入一个数字:");
// 2. 判断输出- 小于10才补0
// num = num < 10 ? 0 + num : num
num = num >= 10 ? num : 0 + num;
alert(num);

2.4 运行结果

QQ录屏20240206221900 -original-original

3. switch-case语句

switch case传入一个变量,判断这个变量，是否符合case中的条件，符合条件，就执行下面的代码块，每个代码块用break。

3.1 语法

switch语句用来定义多分支条件语句,语法如下:switch(表达式){case 值1:执行体1;break;case 值2:执行体2;break;...default:默认执行体;break; //default语句中break可有可无。}

4. 练习1

4.1 题目

​ 1.输入你用的手机

​ 2.如果输入的是苹果，alert(“土豪”)

​ 3.如果是华为,alert(“遥遥领先!!!”)

​ 4.如果是小米,alert(“性价比”)

4.2 示例代码

			const phone = prompt("请输入你的手机牌子：");const resName = phone.slice(0, 2);switch (resName) {case "苹果":alert("土豪");break;case "华为":alert("遥遥领先!!!");break;case "小米":alert("性价比");break;default:alert("不认识你的杂牌子手机");break;}

4.3 运行结果

QQ录屏20240206223720 -original-original

5. 练习2

5.1 题目

请输入您的工作年限：

​ 1.如果你的工作年限小于1年，你的年假是5天

​ 2.如果你的工作年限小于3年,你的年假是7天

​ 3.如果你的工作年限大于等于3年，你的年假是15天

5.2 示例代码

			let workYears = prompt("请输入您的工作年限：");// 你的年假,初始化为nulllet hoilday = null;if (workYears < 0) {hoilday = 0;} else if (workYears < 1) {hoilday = 5;} else if (workYears < 3) {hoilday = 7;} else if (workYears >= 3) {hoilday = 15;}//弹出对话框alert("你的年假是" + hoilday);

5.3 运行结果

QQ录屏20240206223856 -original-original

相关文章：

JavaScript基础第二天

JavaScript基础第二天 今天我们学习if分支语句、三元表达式和switch-case语句。 1. if分支语句 1.1 语法 if (条件表达式){// 满足条件要执行的语句 } else {// 不满足条件要执行的语句 }if中的内容如果为true&#xff0c;就执行大括号的代码块&#xff0c;如果为false执行…...

编程日记 2024/2/8 3:53:13

2、卷积和ReLU激活函数

python了解集合网络如何创建具有卷积层的特性。 文章目录 简介特征提取(Feature Extraction)卷积过滤(Filter with Convolution)Weights(权重)激活（Activations）用ReLU检测示例 - 应用卷积和ReLU结论In [1]: import numpy as np from itertools import productdef show_kerne…...

编程日记 2024/2/8 3:49:09

SQL世界之基础命令语句

目录 一、SQL SELECT 语句 1.SQL SELECT 语法 2.SQL SELECT 实例 3.SQL SELECT * 实例 二、SQL SELECT DISTINCT 语句 1.语法 2.使用 DISTINCT 关键词 三、SQL SELECT WHERE 语句 1.WHERE 子句 2.语法 3.使用 WHERE 子句 4.引号的使用 四、SQL SELECT AND&OR …...

编程日记 2024/2/8 3:44:04

Facebook未来展望：社交媒体的下一个篇章

社交媒体一直是连接人与人之间的纽带&#xff0c;而Facebook则一直在推动这一领域的发展。随着科技不断演进和社会需求的不断变迁&#xff0c;Facebook正积极筹谋社交媒体的下一个篇章。本文将深入剖析Facebook的未来展望&#xff0c;探讨其在社交媒体领域所迎接的新时代。 1. …...

编程日记 2024/2/8 3:37:56

源码搭建教学：直播带货商城小程序开发

结合小程序开发的直播带货商城&#xff0c;不仅可以提供更便捷的购物体验&#xff0c;还可以实现更高效的销售。因此&#xff0c;学习如何搭建一个直播带货商城小程序将成为您拓展商业领域的利器。 步骤一&#xff1a;准备工作 在开始开发之前&#xff0c;您需要进行一些准备工…...

编程日记 2024/2/8 3:36:55

vue-cli引入本地json数据：封装为js文件，无需请求直接读取

vue-cli引入本地json数据 1、新建js文件&#xff08;路径自定义&#xff09;&#xff0c;写入JSON数据 /* jsonData.js */export let jsonData { // 声明变量&#xff0c;存储数据// JSON源数据 }2、组件内引入js文件&#xff0c;读取数据 /* Example.vue */import { json…...

编程日记 2024/2/8 3:35:54

20240202在Ubuntu20.04.6下使用whisper.cpp的显卡模式

20240202在Ubuntu20.04.6下使用whisper.cpp的显卡模式 2024/2/2 19:43 【结论&#xff1a;在Ubuntu20.04.6下&#xff0c;确认large模式识别7分钟中文视频&#xff0c;需要356447.78 ms&#xff0c;也就是356.5秒&#xff0c;需要大概5分钟&#xff01;效率太差&#xff01;】 …...

编程日记 2024/2/8 3:34:53

前端面试拼图-数据结构与算法

摘要&#xff1a;总结一些前端算法题&#xff0c;持续更新&#xff01; 一、数据结构与算法 时间复杂度-程序执行时需要的计算量&#xff08;CPU&#xff09; 空间复杂度-程序执行时需要的内存空间 前端开发&#xff1a;重时间&#xff0c;轻空间 1.把一个数组旋转k步 arr…...

编程日记 2024/2/8 3:30:48

在C++的union中使用std::string（非POD对象）的陷阱

struct和union的对比 union最开始是C语言中的关键字&#xff0c;在嵌入式中比较常见&#xff0c;由于嵌入式内存比较稀缺&#xff0c;所以常用union用来节约空间&#xff0c;在其他需要节省内存的地方也可以用到这个关键字&#xff0c;写一个简单程序来说明union的用途 struc…...

编程日记 2024/2/8 3:28:46

Spring Cloud Netflix Eureka的参数调优

下面主要分为Client端和Server端两大类进行简述&#xff0c;Eureka的几个核心参数 客户端参数 Client端的核心参数 参数默认值说明eureka.client.availability-zones告知Client有哪些region以及availability-zones&#xff0c;支持配置修改运行时生效eureka.client.filter-o…...

编程日记 2024/2/8 3:25:43

Wireshark不显示Thrift协议

使用Wireshark对thrift协议进行抓包&#xff0c;但是只显示了传输层的tcp协议&#xff1a; "右键" -> "Decode As" 选择thrift的tcp端口 将“当前”修改为Thrift&#xff0c;然后点击“确定” 设置后&#xff0c;可以发现Wireshark里面显示的协议从Tcp变…...

编程日记 2024/2/8 3:24:42

VMware虚拟机安装openEuler系统（一）（2024）

目录 一、下载ISO镜像 二、开始创建虚拟机 通过实践是学习openEuler开源Linux系统的最佳方式。因此我们首先得搭建一个openEuler实战环境&#xff0c;文章是在Windows系统上使用VMware Workstation虚拟化软件&#xff0c;安装和学习openEuler开源Linux操作系统。 使用虚拟机…...

编程日记 2024/2/8 3:23:40

Rust入门

文章目录 一、HelloWorld二、控制台输入 以最简单的两个Rust程序例子入门Rust。首先需要下载安装Rust&#xff0c;之后在VSCode或Clion中运行Rust需要下载Rust插件 一、HelloWorld fn main(){println!("Hello World!"); }二、控制台输入 use std::io::stdin; fn …...

编程日记 2024/2/8 3:22:38

RabiitMQ延迟队列（死信交换机）

Dead Letter Exchange&#xff08;死信交换机&#xff09; 在MQ中&#xff0c;当消息成为死信&#xff08;Dead message 死掉的信息&#xff09;后&#xff0c;消息中间件可以将其从当前队列发送到另一个队列中&#xff0c;这个队列就是死信队列。而 在RabbitMQ中&#xff0c;由…...

编程日记 2024/2/8 3:21:38

浅谈应该遵守的伦敦银交易规则

做伦敦银投资的朋友应遵守伦敦银交易规则&#xff0c;伦敦银交易规则不是指那些伦敦银交易技巧&#xff0c;而是在这个市场中要遵循的一些约定&#xff0c;下面我们就来讨论一下。 风险管理。风险管理即指投资者控制自己一笔乃至整体交易的风险&#xff0c;没有风险管理意识的投…...

编程日记 2024/2/8 3:19:34

安装opencart

一、安装模板 Install SO Emarket Opencart 4 Theme 一&#xff1a;so_emarket_quick2 二&#xff1a;theme package installation 1、installed opencart Default 2、Extensions->Installer->Upload->so_emarket_theme_oc4011_home21_to_home35_v2.0.3->so_theme…...

编程日记 2024/2/8 3:18:33

Qt PCL学习（一）：环境搭建

参考 (QT配置pcl)PCL1.12.1QT5.15.2vs2019cmake3.22.4vtk9.1.0visual studio2019Qt5.15.2PCL1.12.1vtk9.1.0cmake3.22.2 本博客用到的所有资源 版本一览&#xff1a;Visual Studio 2019 Qt 5.15.2 PCL 1.12.1 VTK 9.1.0https://pan.baidu.com/s/1xW7xCdR5QzgS1_d1NeIZpQ?pw…...

编程日记 2024/2/8 3:17:32

代码随想录算法训练营第四十二天 | 416. 分割等和子集

题目链接&#xff1a;416. 分割等和子集 文章讲解&#xff1a;代码随想录 416. 分割等和子集讲解 视频讲解&#xff1a;动态规划之背包问题&#xff0c;这个包能装满吗&#xff1f;| LeetCode&#xff1a;416.分割等和子集 思路和解法 题目&#xff1a; 给你一个 只包含正整…...

编程日记 2024/2/8 3:12:27

Spring GateWay

概述简介 能干什么 反向代理 鉴权 流量控制 熔断 日志监控 Spring Cloud Gateway 与Zuul的区别 在SpringCloud Finchley正式版之前&#xff0c;Spring Cloud推荐的网关是 Netflix提供的Zuul: 1、Zuul 1.x&#xff0c;是一个基于阻塞Ⅳ/O的APl Gateway 2、Zuul 1.x基于Servl…...

编程日记 2024/2/8 3:10:25

介绍一个关于 JSON 可视化的网站

最近在看到一个比较好玩的网站&#xff0c;可以将 JSON以可视化的方式展现出现&#xff0c;比如存在一下JSON数据&#xff1a; {"id": "f3bbc3bc-9f34-4bf7-8a0f-7e6f6e6fbb9a","isActive": false,"age": 25,"name": "…...

编程日记 2024/2/8 3:09:24

基于Python的流浪动物救助平台毕业设计

博主介绍&#xff1a;✌ 专注于Java,python,✌关注✌私信我✌具体的问题&#xff0c;我会尽力帮助你。一、研究目的本研究旨在构建一个基于Python的流浪动物救助平台&#xff0c;以实现流浪动物的有效救助与管理工作。具体研究目的如下&#xff1a; 首先&#xff0c;通过构建流…...

编程新知 2026/3/27 12:46:49

SIM800L新手避坑指南：从电源不稳到中文短信发送，我的踩坑实录

SIM800L实战避坑手册&#xff1a;从电源设计到中文短信的完整解决方案 第一次拿到SIM800L模块时&#xff0c;我天真地以为这不过是个"高级版蓝牙模块"。直到电源指示灯开始疯狂闪烁、串口不断吐出乱码、中文短信变成问号时&#xff0c;我才意识到自己掉进了技术深坑。…...

编程新知 2026/3/27 12:46:49

第4章 编码规范-4.3 导入规范

导入语句包括import语句和from…import语句&#xff0c;该语句需要位于编码注释和文件注释之后&#xff0c;全局变量和常量之前。建议每一条导入语句只导入一个模块。示例代码如下&#xff1a;# 资源包\Code\chapter4\4.3\0406.py# 建议每一条导入语句只导入一个模块import rei…...

编程新知 2026/3/27 11:42:06

UNIX文件系统设计：一切皆文件的原理与实践

UNIX 文件系统设计哲学&#xff1a;一切皆文件的深度解析1. 核心设计理念1.1 统一I/O抽象模型UNIX系统最核心的设计原则是提供访问各类输入/输出资源的统一范式。系统将所有I/O资源抽象为"文件"对象&#xff0c;通过同一套API接口暴露给用户空间。这种设计使得开发者…...

编程新知 2026/3/27 10:03:23

软件外包公司的“末路”：印度同行都慌了？——软件测试从业者的专业视角

在当今数字化浪潮中&#xff0c;软件外包行业曾是全球经济的重要引擎&#xff0c;尤其以印度为代表的外包巨头&#xff0c;凭借低成本人力优势主导了全球市场。然而&#xff0c;随着人工智能&#xff08;AI&#xff09;技术的迅猛发展&#xff0c;这一模式正面临前所未有的挑战…...

编程新知 2026/3/27 9:12:49

泛微Ecology流程数据查询避坑指南：workflow_currentoperator表里isremark字段到底怎么用？

泛微Ecology流程数据查询实战&#xff1a;解密workflow_currentoperator表关键字段 在泛微Ecology系统的二次开发过程中&#xff0c;流程数据的精准查询往往是开发者面临的第一道门槛。特别是当需要对接第三方系统或构建定制化报表时&#xff0c;对workflow_currentoperator表中…...

编程新知 2026/3/27 8:58:46

vLLM-v0.17.1惊艳效果：束搜索+并行采样在长文本生成中的稳定性展示

vLLM-v0.17.1惊艳效果&#xff1a;束搜索并行采样在长文本生成中的稳定性展示 1. vLLM框架核心能力概览 vLLM是一个专为大型语言模型(LLM)设计的高性能推理和服务库&#xff0c;其最新版本v0.17.1在长文本生成稳定性方面取得了显著突破。这个开源项目最初由加州大学伯克利分校…...

编程新知 2026/3/27 8:24:31

用TurtleBot3实测：Navigation2局部代价地图的滚动窗口为何必须用odom坐标系？

TurtleBot3实测&#xff1a;为什么Navigation2局部代价地图必须绑定odom坐标系&#xff1f; 当你在Gazebo中第一次看到TurtleBot3的导航表现时&#xff0c;可能会对局部代价地图&#xff08;Local Costmap&#xff09;的坐标系选择产生疑问。为什么这个实时更新的避障地图要绑定…...

编程新知 2026/3/27 7:36:14

Informer实战指南：从ProbSparse自注意力到生成式解码器的长序列预测优化

1. Informer模型的核心突破&#xff1a;为什么比Transformer更适合长序列预测&#xff1f; 第一次看到Informer论文时&#xff0c;最让我惊讶的是它在AAAI 2021上击败了众多Transformer变体获得最佳论文。这个专为长序列预测&#xff08;Long Sequence Time-series Forecasting…...

编程新知 2026/3/27 6:19:03

从沙子到芯片：保姆级图解CMOS制造18步核心工艺（附高清流程图）

从沙子到芯片&#xff1a;图解CMOS制造18步核心工艺 想象一下&#xff0c;你手中智能手机的核心处理器&#xff0c;其内部晶体管数量已突破百亿级——这相当于将整个银河系的恒星数量压缩到指甲盖大小的硅片上。而这一切的起点&#xff0c;竟是海滩上最普通的沙子。本文将用18张…...

编程新知 2026/3/27 6:19:03