《JavaScript》条件运算符

最新推荐文章于 2025-04-28 18:04:13 发布

原创最新推荐文章于 2025-04-28 18:04:13 发布 · 479 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #vue.js

本文详细介绍了JavaScript中的三元运算符，包括其语法、执行流程以及在比较大小和取最大值时的应用实例。通过vari, varl, vart的数值对比，展示了如何利用三元运算符简化代码并获取最大值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		/*
		 条件运算符，也叫三元运算符
		 语法
		 条件表达式？语句1：语句2；
		 执行的流程：
		 条件运算符在执行时，首先对条件表达式进行求值，
		 如果该值为true，则执行语句1，并返回执行结果，
		 如果该值为false，则执行语句2，并返回执行结果，
		 如果条件的表达式的求值也是一个非布尔值
		 会将其转换为布尔值然后在运算
		 
		 */
		//true ?alert("语句"):alert("语句2");
		var i=11111;
		var l=777;
		var t=99;
		//i>l?alert("i大"):alert("l大");
		//获取i和l中的最大致值
		//var max =i>l?i:l;
		//获取ilt中的大值
		//max=max>t?max:t;
		//下面这个方法不推荐使用
		var max =i>l?(i>t?i:t):(l>i?l:t);
		console.log("max0="+max);
	
	</script>	
	</head>
	<body>
	</body>
</html>

执行的流程：
       条件运算符在执行时，首先对条件表达式进行求值，
       如果该值为true，则执行语句1，并返回执行结果，
       如果该值为false，则执行语句2，并返回执行结果

下图演示结果使用true语句会执行第一个代码:true ?alert("语句"):alert("语句2");