本文介绍JavaScript中算术、逻辑、关系及等于运算符的基本用法。重点解析加法运算符在数字与字符串间的行为差异，以及==与===在类型比较和转换机制上的区别，通过示例说明运算结果及NaN处理。
JavaScript运算符基础概述
本文通过具体实例解析JavaScript运算符的基础用法，供读者参考学习。
JavaScript运算符分类
JavaScript中的运算符分类
算术运算符行为解析
算术运算符包括：加（+）、减（-）、乘（*）、除（/）及取模（%）。
逻辑与关系运算符特性
逻辑运算符包含：按位与（&）、逻辑与（&&）、按位或（|）、逻辑或（||）及非（!）。
自增与自减运算符涉及：++、--、+=以及-=。
关系运算符涵盖：小于（<）、大于（>）、等于（=）、小于等于（<=）、大于等于（>=）及不等于（!=）。
等于运算符比较机制
等于运算符分为：宽松等于（==）与严格等于（===）。
示例代码展示：
运算符示例代码与结果
<html>
<head>
<title>js运算符</title>
<meta charset="UTF-8"/>
<script type="text/javascript">
// 算数运算
var a=1;
var b="1";
var c=true;
var d=false;
var e="123";
var f="123a";
console.log(a+1);//2
console.log(b+1);//11
console.log(a+b);//11
console.log(a+c);//2
console.log(a+d);//1
console.log(a+e);//1123
console.log(e-1);//122
console.log(e-a);//122
console.log(e-b);//122
console.log(a+f);//1123a
console.log(e/3);//41
console.log(a-b);//0
console.log(e%3);//0
// 逻辑运算
console.log(a&b);//1
console.log(a&&b);//1
console.log(a&c);//1
console.log(b&&c);//true
console.log(!b);//false
console.log(b&c);//1
console.log(e|a);//123
console.log(c|b);//1
console.log(a&f);//0
console.log(a&&f);//123a
// 关系运算符和自增运算符 <,>,>=,<=,+=,-=,!=,++,--,
// ==和===
var m1=1;
var m2="1";
var m3=true;
var m4="true";
var m5=a;
var m6="a";
var m7="a";
console.log(m1==m2);//true
console.log(m1==m3);//true
console.log(m1==m4);//false
console.log(m2==m3);//true
console.log(m2==m4);//false
console.log(m3==m4);//false
console.log(m5==m6);//true
console.log(m6==m7);//true
console.log(m1===m2);//false
console.log(m1===m3);//false
console.log(m1===m4)//false
console.log(m2===m3);//false
console.log(m2===m4);//false
console.log(m3===m4);//false
console.log(m5===m6);//false
console.log(m6===m7);//false
</script>
</head>
<body>
</body>
</html>
运行结果分析：
针对算术运算符，当使用加法（+）处理两个number类型数据时，执行数值相加；若涉及string类型，则转为字符串连接操作。对于其他算术运算符，若数据类型一致则执行数学运算，若无法计算则返回NaN；若数据类型不同，系统会先将数据转换为number类型后再进行运算。
逻辑运算符、关系运算符及自增运算符的行为与Java相似，但在逻辑运算中，结果通常显示为0或1，而非布尔值true或false。
对于宽松等于（==），若数据类型相同则直接比较值；若类型不同，则先将数据转换为number类型后再进行比较。
对于严格等于（===），首先比较数据类型，若类型不同直接返回false；若类型相同，则进一步比较内容，内容一致时返回true。
读者可使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码的运行效果。
如需了解更多JavaScript相关内容，可参考本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》。
希望本文所述内容对大家的JavaScript程序设计有所帮助。