前端-JavaScript1-7——JavaScript之數學運算子
---恢復內容開始---
運算子叫做operator，也可以叫做操作符。運算子有很多種，一元運算子、二元運算子；數學運算子、邏輯運算子……我們今天先學習數學運算子，比較簡單
+ 加法
- 減法
* 乘法
/ 除法
% 取餘數
( ) 括號
下面的結果都是3：
| 1 console.log(1 + 2); 2 console.log(8 - 5); 3 console.log(1.5 * 2); 4 console.log(12 / 4); 5 console.log(13 % 5); //得幾不重要，要的是餘數 |
取餘數這個運算，實際上也是除，要的是餘數：
| 1 //取餘數 2 console.log(12 % 3); //0 3 console.log(121 % 11); //0 4 console.log(5 % 8); //5 5 console.log(8 % 5); //3 6 console.log(5 % 5); //0 |
預設的計算順序，先乘除，後加減。乘除取餘是平級，先遇見誰，就算誰。
| 1 console.log(1 + 2 * 3); //7 2 console.log(1 + 2 * 3 % 3); //1 3 console.log(1 + 2 % 3 * 3); //7 |
我們可以用小括號來改變計算先後順序，注意沒有中括號和大括號，一律用小括號。
| 1 var a = 4 * (3 + (1 + 2) * 3); 2 alert(a); |
特殊的數字運算，很多公司在考，考你對面試的重視程度，因為這個知識實戰中一輩子用不到。
JS中的數學運算子，就這麼幾個，如果你學過C，那麼我提醒你，沒有乘方^。如果你學過java那麼我提醒你，沒有取整除法\。
乘法怎麼算？
| 1 Math.pow(3,4); |
這是一個新的API，記住就行了，後面的課程將會告訴你，Math是一個內建物件，pow是它的一個方法。
Math就是數學，pow就是power乘方。
| 1 var a = Math.pow(3,2 + Math.pow(3,6)); |
根號就是
| 1 Math.sqrt(81); |
今天遇見的所有API：
alert("哈哈");
prompt("請輸入數字","預設值");
console.log("哈哈");
parseInt("123",8);
parseFloat("123");
Math.pow(3,4);
Math.sqrt(81);
最後附上程式碼
運算子的模樣
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <script type="text/javascript"> // console.log(1 + 2); // console.log(8 - 5); // console.log(1.5 * 2); // console.log(12 / 4); // console.log(13 % 5); //13÷5=2……3 得幾不重要，要的是餘數 // //取餘數 // console.log(12 % 3); //0 // console.log(121 % 11); //0 // console.log(5 % 8); //5 // console.log(8 % 5); //3 // console.log(5 % 5); //0 // console.log(1 + 2 * 3); //7 // console.log(1 + 2 * 3 % 3); //1 // console.log(1 + 2 % 3 * 3); //7 // var a = 4 * (3 + (1 + 2) * 3); // alert(a); // 隱式的型別轉換 var a = "3" * 8; console.log(a); </script> </head> <body> </body> </html>
乘法運算子的樣子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <script type="text/javascript"> var a = Math.pow(3,2 + Math.pow(3,4)); console.log(a); </script> </head> <body> </body> </html>