本篇內容主要講解“javascript如何實現加減乘除運算”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“javascript如何實現加減乘除運算”吧!
十載專注建站、設計、互聯網產品按需開發(fā)網站服務,業(yè)務涵蓋高端網站設計、成都做商城網站、小程序制作、軟件系統(tǒng)開發(fā)、app軟件開發(fā)公司等。憑借多年豐富的經驗,我們會仔細了解每個客戶的需求而做出多方面的分析、設計、整合,為客戶設計出具風格及創(chuàng)意性的商業(yè)解決方案,成都創(chuàng)新互聯更提供一系列網站制作和網站推廣的服務,以推動各中小企業(yè)全面信息數字化,并利用創(chuàng)新技術幫助各行業(yè)提升企業(yè)形象和運營效率。
實現方法:1、利用“+”、“-”、“*”、“/”、“%”符,可實現加法、減法、乘法、除法和取余運算;2、利用“+=”、“-=”、“*=”、“/=”符,會先進行加減乘除運算,再將結果賦值給運算符左側的變量;3、利用“++x”或“x++”符對變量的值進行自增(+1),利用利用“--x”或“x--”符對變量的值進行自減(-1)。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
在javascript中,可以利用運算符實現加減乘除四則運算。運算符是用來告訴 JavaScript 引擎執(zhí)行某種操作的符號,例如加號(+)表示執(zhí)行加法運算,減號(-)表示執(zhí)行減法運算等。
一:算術運算符
算數運算符用來執(zhí)行常見的數學運算,例如加法、減法、乘法、除法等,下表中列舉了 JavaScript 中支持的算術運算符:
運算符 | 描述 | 示例 |
---|---|---|
+ | 加法運算符 | x + y 表示計算 x 加 y 的和 |
- | 減法運算符 | x - y 表示計算 x 減 y 的差 |
* | 乘法運算符 | x * y 表示計算 x 乘 y 的積 |
/ | 除法運算符 | x / y 表示計算 x 除以 y 的商 |
% | 取模(取余)運算符 | x % y 表示計算 x 除以 y 的余數 |
加法運算符
示例1
注意特殊操作數的求和運算。
var n = 5; //定義并初始化任意一個數值
console.log(NaN + n); //NaN與任意操作數相加,結果都是NaN
console.log(Infinity + n); //Infinity與任意操作數相加,結果都是Infinity
console.log(Infinity + Infinity); //Infinity與Infinity相加,結果是Infinity
console.log((-Infinity) + (-Infinity)); //負Infinity相加,結果是負Infinity
console.log((-Infinity) + Infinity); //正負Infinity相加,結果是NaN
示例2
加運算符能夠根據操作數的數據類型,決定是相加操作,還是相連操作。
console.log(1 + 1); //如果操作數都是數值,則進行相加運算
console.log(1 + "1"); //如果操作數中有一個是字符串,則進行相連運算
console.log(3.0 + 4.3 + ""); //先求和,再連接,返回"7.3"
console.log(3.0 + "" + 4.3); //先連接,再連接,返回"34.3"
//3.0轉換為字符串3
在使用加法運算符時,應先檢查操作數的數據類型是否符合需要。
減法運算符
示例1
注意特殊操作數的減法運算。
var n = 5; //定義并初始化任意一個數值
console.log(NaN - n); //NaN與任意操作數相減,結果都是NaN
console.log(Infinity - n); //Infinity與任意操作數相減,結果都是Infinity
console.log(Infinity - Infinity); //Infinity與Infinity相減,結果是NaN
console.log((-Infinity) - (-Infinity)); //負Infinity相減,結果是NaN
console.log((-Infinity) - Infinity); //正負Infinity相減,結果是-Infinity
示例2
在減法運算中,如果操作數為字符串,先嘗試把它轉換為數值,再進行運算。如果有一個操作數不是數字,則返回 NaN。
console.log(2 - "1"); //返回1
console.log(2 - "a"); //返回NaN
使用值減去 0,可以快速把值轉換為數字。例如 HTTP 請求中查詢字符串一般都是字符串型數字,可以先把這些參數值減去 0 轉換為數值。這與調用 parseFloat() 方法的結果相同,但減法更高效、快捷。減法運算符的隱性轉換如果失敗,則返回 NaN,這與使用 parseFloat() 方法執(zhí)行轉換時的返回值是不同的。
例如,對于字符串“100aaa”而言,parseFloat() 方法能夠解析出前面幾個數字,而對于減法運算符來說,則必須是完整的數字,才可以進行轉換。
console.log(parseFloat("100aaa")); //返回100
console.log("100aaa" - 0); //返回NaN
對于布爾值來說,parseFloat() 方法能夠把 true 轉換為 1,把 false 轉換為 0,而減法運算符視其為 NaN。
對于對象來說,parseFloat() 方法會嘗試調用對象的 toString() 方法進行轉換,而減法運算符先嘗試調用對象的 valueOf() 方法進行轉換,失敗之后再調用 toString() 進行轉換。
乘法運算符
注意特殊操作數的乘法運算。
var n = 5; //定義并初始化任意一個數值
console.log(NaN * n); //NaN與任意操作數相乘,結果都是NaN
console.log(Infinity * n); //Infinity與任意非零正數相乘,結果都是Infinity
console.log(Infinity * (- n)); //Infinity與任意非零負數相乘,結果是-Infinity
console.log(Infinity * 0); //Infinity與0相乘,結果是NaN
console.log(Infinity * Infinity); //Infinity與Infinity相乘,結果是Infinity
除法運算符
注意特殊操作數的除法運算。
var n = 5; //定義并初始化任意一個數值
console.log(NaN / n); //如果一個操作數是NaN,結果都是NaN
console.log(Infinity / n); //Infinity被任意數字除,結果是Infinity或-Infinity
//符號由第二個操作數的符號決定
console.log(Infinity / Infinity); //返回NaN
console.log(n / 0); //0除一個非無窮大的數字,結果是Infinity或-Infinity,符號由第二個操作數的符號決定
console.log(n / -0); //返回-Infinity,解釋同上
求余運算符
求余運算也稱模運算例如:
console.log(3 % 2); //返回余數1
模運算主要針對整數進行操作,也適用于浮點數。例如:
console.log(3.1 % 2.3); //返回余數0.8000000000000003
示例
注意特殊操作數的求余運算。
var n = 5; //定義并初始化任意一個數值
console.log(Infinity % n); //返回NaN
console.log(Infinity % Infinity); //返回NaN
console.log(n % Infinity); //返回5
console.log(0 % n); //返回0
console.log(0 % Infinity); //返回0
console.log(n % 0); //返回NaN
console.log(Infinity % 0); //返回NaN
二:賦值運算符
賦值運算符用來為變量賦值,有以下兩種形式:
簡單的賦值運算 = :把等號右側操作數的值直接復制給左側的操作數,因此左側操作數的值會發(fā)生變化。
附加操作的賦值運算:賦值之前先對右側操作數執(zhí)行某種操作,然后把運算結果復制給左側操作數。
一些附加操作的賦值運算就可以實現加減乘除四則運算。具體說明如表所示:
賦值運算符 | 說明 | 示例 | 等效于 |
---|---|---|---|
+= | 加法運算或連接操作并賦值 | a += b | a = a + b |
-= | 減法運算并賦值 | a -= b | a= a - b |
*= | 乘法運算并賦值 | a *= b | a = a * b |
/= | 除法運算并賦值 | a /= b | a = a / b |
%= | 取模運算并賦值 | a %= b | a = a % b |
示例代碼如下:
三:自增、自減運算符var x = 10;
x += 20;
console.log(x); // 輸出:30
var x = 12,
y = 7;
x -= y;
console.log(x); // 輸出:5
x = 5;
x *= 25;
console.log(x); // 輸出:125
x = 50;
x /= 10;
console.log(x); // 輸出:5
x = 100;
x %= 15;
console.log(x); // 輸出:10
自增、自減運算符用來對變量的值進行自增(+1)、自減(-1)操作,下表中列舉了 JavaScript 中支持的自增、自減運算符:
運算符 | 名稱 | 影響 |
---|---|---|
++x | 自增運算符 | 將 x 加 1,然后返回 x 的值 |
x++ | 自增運算符 | 返回 x 的值,然后再將 x 加 1 |
--x | 自減運算符 | 將 x 減 1,然后返回 x 的值 |
x-- | 自減運算符 | 返回 x 的值,然后將 x 減 1 |
示例代碼如下:
var x;
x = 10;
console.log(++x); // 輸出:11
console.log(x); // 輸出:11
x = 10;
console.log(x++); // 輸出:10
console.log(x); // 輸出:11
x = 10;
console.log(--x); // 輸出:9
console.log(x); // 輸出:9
x = 10;
console.log(x--); // 輸出:10
console.log(x); // 輸出:9
到此,相信大家對“javascript如何實現加減乘除運算”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!
文章標題:javascript如何實現加減乘除運算
當前URL:http://www.rwnh.cn/article2/pcoeic.html
成都網站建設公司_創(chuàng)新互聯,為您提供用戶體驗、軟件開發(fā)、域名注冊、網站建設、關鍵詞優(yōu)化、建站公司
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯