javaScript关系运算符总结

来源：互联网发布：淘宝如何设置限购编辑：程序博客网时间：2024/06/07 01:24

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>

这里写图片描述

注意：当要确定某个对象的类型时可以使用typeof运算符。

阅读全文

0 0