在javascript中，比较运算符有哪些？

htmljavascript

在JavaScript中，比较运算符用于比较两个值，并返回一个布尔值来表示这两个值之间的关系。以下是JavaScript中常用的比较运算符：

  1. 等于 (==)：检查两个值是否相等，如果相等则返回true，否则返回false。

  2. 严格等于 (===)：检查两个值是否严格相等，不仅值相等，类型也必须相同。

  3. 不等于 (!=)：检查两个值是否不相等，如果不相等则返回true。

  4. 严格不等于 (!==)：检查两个值是否严格不相等，值或者类型不相等都返回true。

  5. 大于 (>)：检查左边的值是否大于右边的值。

  6. 小于 (<)：检查左边的值是否小于右边的值。

  7. 大于或等于 (>=)：检查左边的值是否大于或等于右边的值。

  8. 小于或等于 (<=)：检查左边的值是否小于或等于右边的值。

下面是一个使用这些比较运算符的HTML示例：

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript比较运算符示例</title>
</head>
<body>

<h2>JavaScript比较运算符示例</h2>

<p>使用比较运算符比较两个数字：</p>

<button onclick="compareNumbers()">比较数字</button>

<p id="result"></p>

<script>
function compareNumbers() {
    let num1 = 10;
    let num2 = 20;

    // 使用比较运算符
    let isEqual = num1 == num2;
    let isStrictlyEqual = num1 === num2;
    let isNotEqual = num1 != num2;
    let isStrictlyNotEqual = num1 !== num2;
    let isGreaterThan = num1 > num2;
    let isLessThan = num1 < num2;
    let isGreaterThanOrEqual = num1 >= num2;
    let isLessThanOrEqual = num1 <= num2;

    // 显示结果
    let resultText = `
    num1 == num2: ${isEqual}<br>
    num1 === num2: ${isStrictlyEqual}<br>
    num1 != num2: ${isNotEqual}<br>
    num1 !== num2: ${isStrictlyNotEqual}<br>
    num1 > num2: ${isGreaterThan}<br>
    num1 < num2: ${isLessThan}<br>
    num1 >= num2: ${isGreaterThanOrEqual}<br>
    num1 <= num2: ${isLessThanOrEqual}<br>
    `;
    document.getElementById('result').innerHTML = resultText;
}
</script>

</body>
</html>

尝试一下 »

在上面的示例中，我们定义了两个变量num1和num2，并使用不同的比较运算符比较它们的值。然后，我们将比较结果显示在页面上。当你点击“比较数字”按钮时，就会触发compareNumbers函数，看到各个比较运算符的结果。

上一篇：HTML页面缓存机制？

下一篇：在CSS中，如何改变一个元素的背景颜色？