JavaScript 入门教程
JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。
W3CAPI
1
2020-06-18 07:05:48
条件运算符
JavaScript：条件运算符
?:（条件运算符）
条件运算符可作为标准if语句的简写形式。该运算符采用三个操作数。
Syntax
条件 ? expr1: expr2
参数说明
条件：可求值为 true 或 false 的表达式。
expr1、expr2：可求值为任意类型值的表达式。
若条件为真，则运算符返回表达式expr1的值；否则返回表达式expr2的值。
例如
status = (marks >= 30) ? "Pass" : "Fail"
如果成绩大于等于30分，该语句将值"Pass"赋给变量status。否则，将值"Fail"赋给status。
Example:
在以下网络文档中，条件运算符语句[status = (marks >= 30) ? "Pass" : "Fail"]的功能说明：当分数marks大于等于30时，将值"Pass"赋值给变量status；若未满足该条件，则会将值"Fail"赋值给status。该三元运算符通过布尔判断实现了条件分支的逻辑控制。
HTML代码
<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript conditional operator example with DOM</title>
<meta name="description" content="This document contains an example of JavaScript conditional operator with DOM" />
</head>
<form name="example" onsubmit="ViewOutput()">
<input type="text" id="marks" placeholder="Enter Marks" />
<input type="submit" value="Submit" />
</form>
<body>
<script src="javascript-conditional-operator-example1.js">
</script>
</body>
</html>
JS代码
function ViewOutput()
{
'use strict';
var marks = document.getElementById("marks").value;
var status1 = (marks >= 30) ? "Pass" : "Fail";
var newParagraph = document.createElement("p"); //creates a new paragraph element
var newText = document.createTextNode(status1); //creates text along with ouput to be displayed
newParagraph.appendChild(newText); //created text is appended to the paragraph element created
document.body.appendChild(newParagraph); // created paragraph and text along with output is appended to the document body
}
JavaScript：条件运算符与If else语句
上述示例中的条件运算符语句
status = (marks >= 30) ? "Pass" : "Fail" 等价于以下语句：
另请参阅
comma
delete
function
in
instanceof
new
this
typeof
void
想测测你的JavaScript技能？
想要练习 JavaScript 练习题吗？
作者文档
相关提问
敬请期待
扫一扫关注官方微信公众号
豫ICP备18043494号-2 以API的视角诠释计算机技术