這兩天定的的外賣都很失敗,導致上火導致口腔潰瘍【大哭】!!!!!還好,天氣轉涼人還是好的,起碼思路是清晰的。
----------------------------------------------------------------------------------------------------------------------
以下是正文
【提綱:
主要說明幾個問題
1.數值型數據和字符串之間的相互轉換
2.浮點數取整
備注:本質是要清楚獲取到的數據的類型
】
3+3 //result = 6
3+3+”3“ //result = "63"
在表達式中如果有字符串和數值型數據,瀏覽器就會自動把數值型數據轉換為字符型。在實際使用過程中,如果想得到是數值型數據,則需要把字符型轉換為數值型。
將字符串轉換為數字:
parseInt()和parseFloat();
parseInt()函數返回一個整數,即把小數點后邊的數省略掉不存在四舍五入;
alert(parseInt(3));
alert(parseInt(3.3));
alert(parseInt(3.9));
這三種結果是一樣的。
parseFloat()函數返回的是小數,即是浮點數的本身。
把數字轉換為字符串:
利用它們混合在一起的優先級,把數字轉換為字符串相對容易多了,只需為數字鏈接一個空字符串即可。
alert(""+2016) //結果 "2016"
alert(""+2016).lenght) //結果是 4
浮點數取整
數字與字符串的轉換是不很簡單,對就是很簡單。但是在使用過程中有這些可能還不夠,因為在我們的樣式里單位px只有整數。並且在動畫中由於瀏覽器計算器計算的不精確所以需要對取到的數進行整數化處理。包括上取整,下取整,四舍五入三種形式。
Math.ceil(number);上取整,意思是只要是有小數就進1。
Math.floor(number);下取整,意思是只要是有小數就舍去。
Math.round(number);四舍五入進行取數據的。
alert(Math.ceil(3.1)); //結果是 4
alert(Math.floor(3.9)); //結果是 3
alert(Math.round(3.1)); //結果是 3
alert(Math.round(3.5)); //結果是 4
有時候我們需要混合起來使用,例如先把字符串轉換為小數,然后對這個浮點數進行各種取整。