Lala Code

Lala 的前端大補帖,歡迎一起鑽研前端技術😊

0%

Javascript-Math運算

Imgur
寫 Javascript 時有時候會碰到一些小數、數學的運算,這篇歸納了一些常用的 Math 運算

Math.max()

可返回指定的數中帶有較大的值的那個數
返回參數中最大的值。如果沒有參數,則返回 -Infinity。
如果有某個參數為 NaN,或是不能轉換成數字的非數字值,則返回 NaN。

1
2
3
Math.max(5,7) // 7
Math.max() // -Infinity
Math.max(NaN, 999) // NaN

Math.min()

可返回指定的數中帶有較小的值的那個數

1
2
3
Math.max(5,7) // 5
Math.max() // Infinity
Math.max(NaN, 999) // NaN

toFixed()

四捨五入 保留兩位小數

1
2
var num =2.446242342;
num.toFixed(2); // 2.45

Math.random()

取得亂數

原始回傳0~0.99999(無窮小數)

1
Math.random()

值範圍:0 ~ 0.9999999(無窮小數)

設定亂數最大值

1
2
let max = 3;
Math.random() * max

值範圍:0 ~ 2.9999999(無窮小數)

設定亂數最小值&最大值

1
2
3
let max = 2;
let min = 1;
Math.random() * max + min

值範圍:1 ~ 1.9999999(無窮小數)

設定亂數整數最小值&最大值

1
Math.floor(Math.random()*2 + 1);

值範圍:1 ~ 4 的整數

Math.round()

四捨五入

1
2
3
Math.round(0); // 0
Math.round(4.3); // 4
Math.round(4.5); // 5

Math.ceil()

取得大於指定數的最小整數值

1
2
Math.ceil(0); // 0
Math.ceil(1.5); // 2

Math.floor()

取得小於指定數的最大整數值

1
2
Math.floor(0); // 0
Math.floor(1.5); // 1

千分位

1
2
3
4
5
function toCurrency(num){
var parts = num.toString().split('.');
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return parts.join('.');
}


Hey!想學習更多前端知識嗎?

最近 Lala 開了前端課程 👉【實地掌握RWD - 12小時新手實戰班】👈
無論您是 0 基礎新手,又或是想學 RWD 的初學者,
我們將帶你從零開始,深入了解並掌握 RWD 響應式網頁設計的核心技術,快來一起看看吧 😊



🚀線上課程分享

線上課程可以加速學習的時間,省去了不少看文件的時間XD,以下是我推薦的一些課程
想學習更多關於前後端的線上課程,可以參考看看。

Hahow

Hahow 有各式各樣類型的課程,而且是無限次數觀看,對學生或上班族而言,不用擔心被時間綁住



六角學院

如果你是初學者,非常推薦六角學院哦!
剛開始轉職也是上了六角的課,非常的淺顯易懂,最重要的是,隨時還有線上的助教幫你解決問題!


Udemy

Udemy 裡的課程非常的多,品質普遍不錯,且價格都滿實惠的,CP值很高!
也是很多工程師推薦的線上課程網站。
❤️