返回顶部
首页 > 资讯 > 前端开发 > node.js >JavaScript的三种条件语句是什么
  • 854
分享到

JavaScript的三种条件语句是什么

2024-04-02 19:04:59 854人浏览 独家记忆
摘要

本篇内容介绍了“javascript的三种条件语句是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

本篇内容介绍了“javascript的三种条件语句是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

JavaScript的三种条件语句:1、“if else”语句,语法“if(条件){...}else{...}”;2、“switch...case”语句;3、三元运算语句,语法“条件表达式 ? 表达式1 : 表达式2 ;”。

教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

条件判断语句是程序开发过程中一种经常使用的语句形式,和大部分编程语言相同,JavaScript 中也有条件判断语句。所谓条件判断,指的是程序根据不同的条件来执行不同的操作,例如根据年龄来显示不同的内容,根据布尔值 true 或 false 来判断操作是成功还是失败等。

一、if-else语句

1、语法

if-else的语法分为三种:

(1)if 语句;

if(条件){ 条件为true时执行代码 }

(2)if else 语句;

if(条件){ 条件为true时执行的代码 } else { 条件为false时执行的代码 }

(3)if else if else 语句;

if(条件1){ 条件1为true时执行的代码 } esle if (条件2){ 条件1false条件2true } else { 都false }

例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IfElse</title>
</head>
<body>

<script type="text/javascript">
     var myage = 10;
    //第一种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
    }
    //第二种语法
    if (myage > 15){
        document.writeln("你的年龄大于15岁");
    }
    else {
        document.writeln("你的年龄小于15岁");
    }
    //第三种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
     }
    else if(myage < 15 ){
         document.writeln("你的年龄大于15小于5岁");
     }
    else {
        document.writeln("你的年龄大于等于15岁")
    }
</script>

</body>
</html>

输出结果为

JavaScript的三种条件语句是什么

二、switch...case语句

1、语法

switch( 表达式 n ){
case 1 : 执行代码块 1; break;
case 2 : 执行代码块 2 ; break;
default: 与 case 1 和 case 2 不同时执行的代码
}

2、工作原理

首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Switch</title>
</head>
<body>

<script type="text/javascript">
    var flag = 2;
    switch (flag) {
        case 1:document.write("纷纷扰扰这个世界,所有的了解。");break;
        case 2:document.write("只要让我留在你身边。");break;
        default:break;
    }
</script>

</body>
</html>

输出结果为

JavaScript的三种条件语句是什么

三、三元运算符

三元运算符(也被称为条件运算符),由一个问号和一个冒号组成,其语法格式如下:

b ? x : y

b 操作数必须是一个布尔型的表达式,x 和 y 是任意类型的值。

  • 如果操作数 b 的返回值为 true,则执行 x 操作数,并返回该表达式的值。

  • 如果操作数 b 的返回值为 false,则执行 y 操作数,并返回该表达式的值。

示例:

定义变量 a,然后检测 a 是否被赋值,如果赋值则使用该值;否则设置默认值。

var a = null;  //定义变量a
typeof a != "undefined" ? a = a : a = 0;  //检测变量a是否赋值,否则设置默认值
console.log(a);  //显示变量a的值,返回null

条件运算符可以转换为条件结构:

if(typeof a != "undefined"){  //赋值
    a = a;
}else{  //没有赋值
    a = 0;
}
console.log(a);

也可以转换为逻辑表达式:

(typeof a != "undefined") && (a =a) || (a = 0);  //逻辑表达式
console.log(a);

在上面表达式中,如果 a 已赋值,则执行 (a = a) 表达式,执行完毕就不再执行逻辑或运算符后面的 (a = 0) 表达式;如果 a 未赋值,则不再执行逻辑与运算符后面的 (a = a) 表达式,转而执行逻辑或运算符后面的表达式 (a = 0)。

注意:

在实战中需要考虑假值的干扰。使用 typeof a != "undefined" 进行检测,可以避开变量赋值为 false、null、""、NaN等假值时,也被误认为没有赋值。

“JavaScript的三种条件语句是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: JavaScript的三种条件语句是什么

本文链接: https://lsjlt.com/news/88756.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript的三种条件语句是什么
    本篇内容介绍了“JavaScript的三种条件语句是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • JavaScript中什么是条件语句
    这篇文章主要介绍了JavaScript中什么是条件语句,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     Java...
    99+
    2024-04-02
  • javascript中条件控制语句是什么
    这篇文章主要为大家展示了“javascript中条件控制语句是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript中条件控制语句是什么”这篇文章吧。js条件控制语句有:1、if...
    99+
    2023-06-15
  • C语言的三种条件判断语句怎么使用
    本篇内容介绍了“C语言的三种条件判断语句怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!if语句if语句中,首先判断表达式的值,然后根...
    99+
    2023-06-29
  • Python中三种条件语句示例介绍
    目录ifif…elseif…elif…else总结if """ 条件语句: if if...else if...elif...else i...
    99+
    2024-04-02
  • c++中的条件语句是什么
    c++kquote>明确答案: c++ 中的条件语句用于基于指定的条件执行不同的代码块。详细描述:if 语句: 执行基于单个条件的代码块。语法:if (condition) { ....
    99+
    2024-04-22
    c++
  • PHP中条件语句是什么
    这篇文章主要介绍了PHP中条件语句是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。PHP 条件语句在您编写代码时,经常会希望为不同的决定...
    99+
    2024-04-02
  • C语言的三种条件判断语句你都了解吗
    目录if语句if的嵌套形式条件运算符switch语句switch多路开关模式总结if语句 if语句中,首先判断表达式的值,然后根据该值的情况控制程序流程。表达式的值不等于0,即为真;...
    99+
    2024-04-02
  • go语言条件语句的用法是什么
    Go语言的条件语句主要有if语句和switch语句。 if语句的基本语法如下: if condition { // 如果条件为...
    99+
    2023-10-21
    go语言
  • JavaScript条件控制语句有什么作用
    JavaScript条件控制语句用于根据不同的条件执行不同的代码块。它们的作用包括:1. 执行不同的代码:条件控制语句允许根据条件选...
    99+
    2023-10-12
    JavaScript
  • Java中的三种流程控制语句是什么
    这篇文章主要讲解了“Java中的三种流程控制语句是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Java中的三种流程控制语句是什么”吧!顺序语句顺序顾名思义就是程序自上而下执行publi...
    99+
    2023-06-30
  • sql注入语句有三种分别是什么
    这篇文章主要介绍sql注入语句有三种分别是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!sql注入语句有三种,分别是:1、数字型注入点,语句如“select * fro...
    99+
    2024-04-02
  • Python if else条件语句形式是什么
    本篇内容介绍了“Python if else条件语句形式是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!我们都知道代...
    99+
    2023-06-29
  • JavaScript如何缩短条件语句
    这篇文章将为大家详细讲解有关JavaScript如何缩短条件语句,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。缩短条件语句让我们来看这个例子:if (available) { ...
    99+
    2023-06-27
  • 如何写好JavaScript条件语句
    这篇文章主要介绍“如何写好JavaScript条件语句”,在日常操作中,相信很多人在如何写好JavaScript条件语句问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何写好JavaScript条件语句”的疑...
    99+
    2023-06-27
  • javascript的延迟语句是什么
    这篇文章主要讲解了“javascript的延迟语句是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript的延迟语句是什么”吧! ...
    99+
    2024-04-02
  • Oracle中IF条件语句的3种变体
    第一种:单句IF <布尔表达式> THENPL/SQL 和 SQL语句END IF;第二种:二重复句IF <布尔表达式> THENPL/SQL 和 SQL语句ELSE其它语句END IF;第三种:三重复句IF <...
    99+
    2023-01-31
    变体 语句 条件
  • javascript条件控制语句有哪些
    javascript中的条件控制语句有:1.if语句,基于不同的条件执行不同的操作;2.switch语句,多重条件判断语句;3.while语句,先判断后循环的条件控制语句;4.for语句,先判断后循环的条件控制语句;javascript中的...
    99+
    2024-04-02
  • 实现ABAP条件断点的三种方式分别是什么
    这篇文章给大家介绍实现ABAP条件断点的三种方式分别是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。ABAP条件断点这个话题,Jerry的同事曾经问过我,虽然小但很实用。所谓条件断点,就是设置在某行语句上的断点,并...
    99+
    2023-06-04
  • JavaScript Switch语句的用法是什么
    JavaScript Switch语句用于在多个选项中选择一个执行的代码块。它根据表达式的值,在多个case中选择匹配的一个,并执行...
    99+
    2023-10-11
    JavaScript
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作