运算符
数学运算符
+ - * / %(取模运算符)
js内置一个对象叫Math,Math提供了很多关于计算的方法,常见的
// 随机数
console.log(Math.random()); // [0,1)
// 假如产生1~10的整数 1<=Math.random()*10+1<11
console.log(parseInt(Math.random()*10+1));
console.log(Math.pow(3,4)); // 3的4次方
console.log(Math.sqrt(16)); // 平方根 4
console.log(Math.PI); // 圆周率
<script type="text/javascript"> // 正规的 console.log(2+2); console.log(2-1); console.log(2*2); console.log(2/3); // 纯数字字符串 console.log("2"+1); // 字符串21 此处+含义为字符串连接符 console.log("2"-1); // 1 console.log("2"*1); // 2 console.log("2"/1); // 2 console.log("2"%1); // 0 console.log("4aahh"*4); // NaN console.log(NaN+3);// NaN console.log(4-""); // 4 空字符串隐式转换为0 console.log(4*""); // 0 空字符串隐式转换为0 console.log(undefined+4); // NaN console.log(null+2); // 2 null转换为0 console.log(null*2); // 0 console.log(true+10); // 11 true-->1 console.log(false-10); // -10 false--->0 console.log(Infinity-23); console.log(Infinity+23); console.log(Infinity/23); console.log(Infinity%23); //NaN console.log(10%2); // 0 console.log(10%3); // 1 console.log(16%4); // 0 var result = 23*45+(987-125)/123-32*(5-3); // 随机数 console.log(Math.random()); // [0,1) 1~10 //1<=Math.random()*10+1<11 console.log(parseInt(Math.random()*10+1)); console.log(Math.pow(3,4)); // 3的4次方 console.log(Math.sqrt(16)); // 4 console.log(Math.PI); </script>
比较运算符
> < >= <= == === != !==
* 比较运算符的结果是布尔类型 要么true 要么false
3>2>1 = true>1 = false
1 <script type="text/javascript"> 2 console.log(8>7); // true 3 console.log(8<10); // true 4 console.log(8==7); // false 5 console.log(8>=7); // true 6 console.log(8<=7); // false 7 console.log(8===7); // false 8 console.log(8!=7); // true 9 console.log(8!==7); // true 10 11 console.log(1=="1"); //true == 只要两个值内容一样即可 12 console.log(1==="1"); //false === 全等于 两个值内容一样并且类型也要一样 13 console.log(1!="1"); //false != 对==的否定 14 console.log(1!=="1"); //true !== 对===的否定 15 16 console.log(1==true); // true 17 console.log(0==false); // true 18 console.log(0==""); // true 19 console.log(NaN == undefined); // false 20 console.log(0 == null); // false 21 22 console.log("4"<"5"); // true 23 console.log("A"<"a"); // true 24 console.log("8"<"22"); // false 25 26 console.log(NaN==NaN);// false 27 console.log(Infinity==Infinity);// true 28 </script>
逻辑运算符
&& || !
<script type="text/javascript"> // && 左右同时为true结果才是true 否则有一个false结果是false /* true&&true true true&&false false false&&true false false&&false false */ // || console.log(true || false); // true console.log(true || true); // true console.log(false || false); // false console.log(false|| true); // true // ! console.log(!true); console.log(!!!!true); /*以上案例都是布尔类型之间的逻辑运算*/ // 其他类型参与逻辑运算 console.log(34&&null); // null console.log(0&&null); // 0 console.log("welcome"&&true); // true console.log("welcome"||true); // welcome var a = 3,b =4; console.log(a||b); //3 a = 0; console.log(a&&b); // 0 </script>
赋值运算符
=
+= a+=b a= a+ b
-= a-=b a= a-b
*= ...
/= ...
%=
++
--
<script type="text/javascript"> /* var a = 3; a += 6; // a = a + 6 console.log(a);*/ // a++和++a 相同点可以让a在自己原来基础上加1 // ++a; a = a + 1; a+=1; // 区别 参与运算的时候, var a = 2, b; /* b = a++; // 等价于 b = a; a++; console.log(a); // 3 console.log(b); // 2 a++参与运算用a之前的值 即b=2 赋值完 a自增1 */ b = ++a; // a= a+1; b = a; console.log(a); // 3 console.log(b); // 3 ++a参与运算用a加1后的值 即b=3 var a = 4; a*= 1*(2+4)&&++a||5>6&&7<8||!6; console.log(a); // 20 </script>
运算顺序 (++ -- !)> 数学>比较>逻辑>赋值
var a = 4;
a*= 1*(2+4)&&++a||5>6&&7<8||!6
a*= 1*6&&5||5>6&&7<8||false
a*= 6&&5||5>6&&7<8||false
a*= 6&&5 || false&&true || false
a*= 6&&5 || false || false
a*= 5 || false || false
a*= 5 || false
a*=5
a = a*5 = 4*5
按位运算符
三目运算符