首页 > 编程语言 >前端必知必会-JavaScript if、else 和 else if

前端必知必会-JavaScript if、else 和 else if

时间:2024-11-16 11:19:08浏览次数:3  
标签:语句 Good 必知 代码 JavaScript else 问候语 条件

文章目录


JavaScript if、else 和 else if

条件语句用于根据不同的条件执行不同的操作。

条件语句

编写代码时,您经常希望针对不同的决策执行不同的操作。

您可以在代码中使用条件语句来执行此操作。

在 JavaScript 中,我们有以下条件语句:

如果指定的条件为真,则使用 if 指定要执行的代码块
如果相同的条件为假,则使用 else 指定要执行的代码块
如果第一个条件为假,则使用 else if 指定要测试的新条件
使用 switch 指定要执行的许多备选代码块

if 语句

使用 if 语句指定在条件为真时要执行的 JavaScript 代码块。

语法

if (条件) {
// 如果条件为真,则执行的代码块
}

请注意,if 是小写字母。大写字母(If 或 IF)将生成 JavaScript 错误。

示例
如果小时数小于 18:00,则创建“Good day”问候语:

if (hour < 18) {
Greeting = "Good day";
}

问候语的结果将是:

Good day

else 语句

使用 else 语句指定条件为假时要执行的代码块。

if (condition) {
// 如果条件为真,则执行的代码块
} else {
// 如果条件为假,则执行的代码块
}

示例
如果小时数小于 18,则创建“Good day”问候语,否则创建“Good evening”问候语:

if (hour < 18) {
Greeting = "Good day";
} else {
Greeting = "Good evening";
}

问候语的结果将是:

Good day

else if 语句

如果第一个条件为假,则使用 else if 语句指定新条件。

语法

if (condition1) {
// 如果 condition1 为真,则执行的代码块
} else if (condition2) {
// 如果 condition1 为假且 condition2 为真,则执行的代码块
} else {
// 如果 condition1 为假且 condition2 为假,则执行的代码块
}

示例
如果时间小于 10:00,则创建“早上好”问候语,如果不是,但时间小于 20:00,则创建“早上好”问候语,否则创建“晚上好”问候语:

if (time < 10) {
Greeting = “早上好”;
} else if (time < 20) {
Greeting = “晚上好”;
} else {
Greeting = “晚上好”;
}

问候语的结果将是:

早上好


总结

本文介绍了JavaScript if、else 和 else if的使用,如有问题欢迎私信和评论

标签:语句,Good,必知,代码,JavaScript,else,问候语,条件
From: https://blog.csdn.net/qq_24018193/article/details/143813309

相关文章

  • 前端必知必会-JavaScript Switch 语句
    文章目录JavaScriptSwitch语句JavaScriptSwitch语句break关键字default关键字常见代码块switch详细信息严格比较总结JavaScriptSwitch语句switch语句用于根据不同的条件执行不同的操作。JavaScriptSwitch语句使用switch语句从多个代码块中选择一个......
  • javaScript交互补充3(JSON数据)
    3.1、JSON(1)、定义:JSON数据格式JavaScriptObjectNotation缩写即js对象表示法由于JS中的对象只有JS自己认识,其他的语言都不认识,所以引入了JSON,JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的......
  • javaScript交互补充4(本地存储)
    localstorage、Sessionstorage是WebStorage,H5的本地存储机制。是本地存储,存储在客户端,以键/值对的形式存储的,通常以字符串存储。是针对HTML4中Cookie存储机制的一个改善,由于Cookie存储机制有很多缺点,HTML5不再使用它,转而使用改良后的WebStorage存储机制。4.1、Cookie(1......
  • javaScript交互补充(元素的三大系列)
    1、元素的三大系列1.1、offset系列1.1.1、offset初相识使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等获得元素距离带有定位祖先元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位offset系列常用属性offset系列属性作用element.offset......
  • 代理模式在JavaScript中的恋爱应用笔记
    一、引言在面向对象编程的世界里,代理模式犹如一位巧妙的媒人,巧妙地连接了两个对象之间的交互,而无需直接显式地引用彼此。这种模式不仅降低了系统的耦合度,还使得代码更加灵活、可扩展。而在JavaScript的世界里,代理模式更是展现出了其独特的魅力。今天,我将结合恋爱场景,为大家......
  • 解码JavaScript作用域:var a = 1; 背后的故事
    1、引言JavaScript是一种广泛使用的编程语言,其灵活的语法和强大的功能使其成为前端开发的首选语言。然而,对于初学者来说,理解JavaScript中的作用域机制可能会有些困难。本文将通过一句简单的代码vara=1;,深入解析JavaScript的执行机制和作用域管理。2、变量声明与......
  • 【JavaScript】LeetCode:96-100
    文章目录96单词拆分97最长递增子序列98乘积最大子数组99分割等和子集100最长有效括号96单词拆分动态规划完全背包:背包-字符串s,物品-wordDict中的单词,可使用多次。问题转换:s能否被wordDict中的单词组成。dp[i]:长度为i的字符串s[0,i]能否被wordDict组成,dp[i]=......
  • 【JavaScript】LeetCode:91-95
    文章目录91不同路径92最小路径和93最长回文子串94最长公共子序列95编辑距离91不同路径动态规划dp[i][j]:从[0,0]到[i,j]的路径条数。dp[i][j]=从[0,0]到[i,j]上面一格的路径条数+从[0,0]到[i,j]左边一格的路径条数。初始化:因为第一行的格子只能由左......
  • JavaScript介绍与使用
    1.认识jsjs全称(javascript):是网页上面的一个脚本语言运行执行代码逻辑从而达到我们需要的效果2.JavaScript组成核心语法-ECMAScript:规范了JS的基本语法Es是js的语法规范管理者js是Es的实现操作者DOM=>文档对象提供js操作BOM=>浏览器模型对象提供......
  • JavaScript常用对象方法二:数组(array)
    1.concat()用于连接两个或多个数组。该方法不会改变现有的数组,而是返回一个新的数组。个人感觉es6出来的扩展运算符比这个方法要简洁一些扩展运算符的方法:constarr1=[1,2];constarr2=[3,4];constarr3=[...arr1,...arr2];console.log(arr3);//[1,2,......