javaScript关系运算符总结

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运算符。

javaScript关系运算符总结相关推荐

javascript关系运算符与逻辑运算符
原文来自javascript关系运算符与逻辑运算符一.关系运算符用于进行比较的运算符称作为关系运算符:小于(<).大于(>).小于等于(<=).大于等于(>=).相等(== ...
JavaScript基础实战（2）js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
文章目录 1.强制类型转换Number 1.1 代码 1.2 测试结果 2.进制表示 2.1 代码 2.2 测试结果 3.强制类型转换为Boolea 3.1 代码 3.2 测试结果 4.运算符 4.1 ...
尚硅谷JavaScript学习笔记_P22_P23关系运算符和Unicode编码
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
JavaScript instanceof 运算符深入剖析
简介: 随着 web 的发展,越来越多的产品功能都放在前端进行实现,增强用户体验.而前端开发的主要语言则是 JavaScript.学好 JavaScript 对开发前端应用已经越来越重要.在开发复杂产 ...
JavaScript instanceof 运算符深入剖析【转载】
http://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/ instanceof 运算符简介在 JavaScript 中, ...
Javascript各种运算符第五课(小一节)
比较运算符更多免费教学文章请关注这里算数运算符: 就是加减乘除注意: 如果运算过程中,例如一个数字-一个字符串那么会提示: NaN 在控制台含义:not a number 表示非数字,其自 ...
HTML学习9 JS 数字和字符串变量的类型运算符和表达式布尔值和关系运算符、逻辑运算符
JavaScript简介 1.1 JavaScript的用途 JavaScript用来制作web页面交互效果,提升用户体验. 简单列出几个JavaScript能够制作的页面效果,它能干什么: 轮播图 ...
09.JavaScript算术运算符（加、减、乘、除、幂、余）、自增、自减、缩写、位移
JavaScript算术运算符章节目录上一篇:<类型转换> 下一篇:<比较运算符> 运算符是数学计算中的概念,我们从小学就在学习的+.-.*./就是最基础的运算符. 运算符 ...
Go 学习笔记（5）— 算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符、取地址和指针运算符
1. Go 运算符分类 Go 语言内置的运算符有: 算术运算符关系运算符逻辑运算符位运算符赋值运算符其他运算符 1.1 算术运算符下表列出了所有Go语言的算术运算符.假定 A 值为 10, ...

javaScript关系运算符总结

1、相等运算符

2、等同运算符

3、不等运算符

4、不等同运算符

5、小于运算符

6、大于运算符

7、小于或等于运算符

8、大于或等于运算符

9、in运算符

10、instanceof运算符

javaScript关系运算符总结相关推荐

最新文章

热门文章