JS按位非(~)運算符與~~運算符的理解分析
更新時間：2011年07月31日 23:43:10 作者：
按位非運算符，簡單的理解就是改變運算數(shù)的符號并減去1，當然，這是只是簡單的理解能轉(zhuǎn)換成number類型的數(shù)據(jù)
那么，對于typeof var!==”number”的類型來說，進行運算時，會嘗試轉(zhuǎn)化成32位整形數(shù)據(jù)，如果無法轉(zhuǎn)換成整形數(shù)據(jù)，就轉(zhuǎn)換為NaN；
JS在位運算上用了更簡便的一種方法來實現(xiàn)這中運算，那么它的實現(xiàn)原理大致上可以這樣理解：
var testData=-2.9;
var testResult=(typeof testData==="number"&&!isNaN(testData)&&testData!==Infinity)?(testData>0)?-Math.floor(testData)-1:-Math.ceil(testData)-1:-1;
首先，如果一個數(shù)據(jù)在嘗試轉(zhuǎn)換為32整形數(shù)據(jù)時，結(jié)果<0,那么就需要對其上舍入，比如-2.9->-2,如果>0，對其下舍入，比如：2.6->2;
一個數(shù)據(jù)如果不能轉(zhuǎn)換為32位二進制表示，就轉(zhuǎn)換為NaN；繼而轉(zhuǎn)為-1；比如~{}/~NaN ==-1;
又比如~function(){return 100;}->-1;
在Jquery里面，有用到比如if(!~this.className.indexOf(str)){ //do some thing…..};這里，對于this.className.indexOf(str)的返回值，要么大于-1，要么就是等于-1；在其等于-1的時候，~-1===0；然后，!~-1===true;那么就可以得出this不包含str這個class名…；
對于~~運算符，同理，它也可以表示為：
var testData=2.1;
var testResult=(typeof testData==="number"&&!isNaN(testData)&&testData!==Infinity)?(testData>0)?Math.floor(testData):Math.ceil(testData):0;
同樣采用上下舍入的方式來理解;
JS在位運算上用了更簡便的一種方法來實現(xiàn)這中運算，那么它的實現(xiàn)原理大致上可以這樣理解：
復制代碼 代碼如下:
var testData=-2.9;
var testResult=(typeof testData==="number"&&!isNaN(testData)&&testData!==Infinity)?(testData>0)?-Math.floor(testData)-1:-Math.ceil(testData)-1:-1;
首先，如果一個數(shù)據(jù)在嘗試轉(zhuǎn)換為32整形數(shù)據(jù)時，結(jié)果<0,那么就需要對其上舍入，比如-2.9->-2,如果>0，對其下舍入，比如：2.6->2;
一個數(shù)據(jù)如果不能轉(zhuǎn)換為32位二進制表示，就轉(zhuǎn)換為NaN；繼而轉(zhuǎn)為-1；比如~{}/~NaN ==-1;
又比如~function(){return 100;}->-1;
在Jquery里面，有用到比如if(!~this.className.indexOf(str)){ //do some thing…..};這里，對于this.className.indexOf(str)的返回值，要么大于-1，要么就是等于-1；在其等于-1的時候，~-1===0；然后，!~-1===true;那么就可以得出this不包含str這個class名…；
對于~~運算符，同理，它也可以表示為：
復制代碼 代碼如下:
var testData=2.1;
var testResult=(typeof testData==="number"&&!isNaN(testData)&&testData!==Infinity)?(testData>0)?Math.floor(testData):Math.ceil(testData):0;
同樣采用上下舍入的方式來理解;
相關(guān)文章
javascript下過濾數(shù)組重復值的代碼...2007-09-09
JavaScript中自帶的 reduce()方法使用示例詳解
下文小編給大家?guī)砹薺s中自帶的reduce()方法使用示例詳解，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧2016-08-08
利用Angularjs和Bootstrap前端開發(fā)案例實戰(zhàn)
這篇文章主要為大家介紹了利用Angularjs和Bootstrap前端開發(fā)案例實戰(zhàn)，感興趣的小伙伴們可以參考一下2016-08-08
JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法
這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法,涉及JavaScript隨機數(shù)的相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了Javascript原生ajax請求代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
Bootstrap每天必學之導航條，本文向大家講解了多種多樣的導航條，以及導航條中元素的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了如何使用?JS?判斷用戶是否處于活躍狀態(tài),案例演示了如何獲取用戶活躍狀態(tài),時間閾值定為5秒,超出該閾值沒有操作表示非活躍,否則屬于正在活躍中,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了JS實現(xiàn)勻速運動的代碼實例，有需要的朋友可以參考一下2013-11-11
javascript字符串拆分成單個字符相加和不超過10，求最終值
javascript字符串拆分成單個字符相加和不超過10，求最終值2008-09-09
微信小程序?qū)隫ant報錯VM292:1 thirdScriptError的解決方法
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)隫ant報錯VM292:1 thirdScriptError的解決方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-08-08