javaScript关系运算符总结_javascript ++ 双目运算符-优快云博客

本文链接：https://blog.youkuaiyun.com/isabellebaby007/article/details/77273397

本文详细介绍了JavaScript中的各种比较运算符，包括相等、等同、不等、不等同、小于、大于、小于或等于及大于或等于运算符，并解释了in运算符和instanceof运算符的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、相等运算符

双目运算符，返回值为布尔类型，两个操作数类型任意，弱类型：可以比较两种不同类型的数据，即通过类型转换后的数据相等的也为true。
操作数1==操作数2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相等</title>
</head>
<body>
    <script>
        var a="10";
        var b=10;
        if(a==b)
        {
            alert("a等于b,“==”使两端的操作数发生类型转换");
        }
    </script>
</body>
</html>

2、等同运算符

双目运算符，返回值布尔类型，严格意义上的相等性判断。
操作数1===操作数2

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>等同运算符</title>
</head>
<body>
    <script>
        var a="10";
        var b=10;
        if(a==b)
        {
            document.write("<li>在非严格意义上，a等于b");
        }
        if(a===b)
        {
            document.write("<li>a严格等于b");
        }
        else{
            document.write("<li>在严格意义上，a不等于b");
        }
    </script>
</body>
</html>

这里写图片描述

3、不等运算符

双目运算符，布尔值类型，非严格意义上的不相等。
操作数1！=操作数2

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>不等运算符</title>
</head>
<body>
<script>
    var students=new Array("李明","陈晨","爱丽丝");
    for(index in students)
    {
        if(students[index]!="李明")
        {
            document.write("<li>"+students[index]);
        }
        else{
            document.write("<li><font color=red>"+students[index]+"</font>");
        }
    }
</script>
</body>
</html>

这里写图片描述

4、不等同运算符

双目运算符，返回值布尔值类型，严格意义上的不等。
操作数1！==操作数2

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        var phone1="167000";
        var phone2=167000;
        if(phone1!==phone2)
        {
            alert("两个数值不相等");
        }
    </script>
</body>
</html>

这里写图片描述

5、小于运算符

双目运算符，返回值布尔类型。
操作数1<操作数2

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小于</title>
</head>
<body>
   <li>50点点卡单价为4.5元，您确定购买 </li>
   <input id="Text1" style="width: 31px;height: 18px" type="text"/>
   <input id="button1" type="button" value="确定支付" onclick="return button1_onclick()"/>
    <script>
    function button1_onclick()
    {
        if((Text1.value<1)||isNaN(Text1.value))
        {
            alert("输入数值不正确，请重新输入");
            Text1.value="";
        }
        else{
            alert("您应当支付："+Text1.value*4.5+"元");
        }
    }
    </script>
</body>
</html>

这里写图片描述

6、大于运算符

双目运算符，返回值布尔类型。
操作数1>操作数2

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大于</title>
</head>
<body>
    <script>
        var actTotal=110;
        var payTotal=87.9;
        document.write("<li>您账上的余额为："+actTotal+"元");
        document.write("<li>您需要支付："+payTotal+"元");
        document.write("<input id=\"btnpay\" type=\"button\" value=\"确认支付\" "+
                  "onclick="+"\"return btnpay_onclick()\" style=\"width:150px\"/><br>" );
        if(payTotal>actTotal){
            document.write("信息：<font color=red>您的余额不足，无法完成支付！</font>");
            btnpay.disabled=true;
        }
        else{
            btnpay.disabled=false;
        }
        function btnpay_onclick(){
            document.write("<li><font color='red'>已经完成支付</font>");
            document.write("您账上余额为："+(actTotal-payTotal)+"元<br>");
        }
    </script>
</body>
</html>

7、小于或等于运算符

返回值为布尔类型。
操作数1<=操作数2

8、大于或等于运算符

返回值为布尔类型
操作数1>=操作数2

9、in运算符

检查对象中是否有某特定的属性。可以通过in运算符获取数组索引集合。in通常用于遍历集合中的所有元素，例如数组。
Result=property in object;
property为对象中包含的属性集合，Result接收从集合中按一定顺序逐一提取的属性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>in运算符</title>
</head>
<body>
    <script>
        var fruit=new Array("梨",3.5,"葡萄",7,"香蕉",2,"苹果",3,"荔枝",6);
        for(index in fruit){
            if(index%2==0){
                document.write("<li>"+fruit[index]+":");
            }
            else{
                document.write(fruit[index]+"元\t");
                document.write("<input id=\"Button"+index+"\" type=\"button\" "+"value=\"购买\""+"onclick=\"return Button1_onclick(this.serial-1)\" serial=\""+index+"\"/><br>");
            }
        }
        function Button1_onclick(arg){
            alert("您即将购买："+fruit[arg]);
        }
    </script>
</body>
</html>

这里写图片描述

10、instanceof运算符

返回值为布尔类型，表明对象是否是某个类的实例，确定对象的身份。
result=Obj instanceof Class
如果Obj是类Class的对象，则result为true，否则为false。
<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>instanceof</title>
</head>
<body>
    <script>
        var nameList=new Array("lily","bob","petter");
        var nameJet="Jet";
        if (nameList instanceof  Array)
        {
            nameList.push(nameJet);//将jet的名字添加到数组当中
            alert("nameList是Array类");
        }
        if(!(nameJet instanceof Array)){
            alert("nameJet不是Array类");
        }
    </script>
</body>
</html>