JavaScriptのコード解説

Question

お世話になります。
少し頑張ってソースコードを解読していたのですが、初めて見た書き方が
多くこちらでお聞きしたいと思いました。

var y = top
,b = ground
,v = 0
,R = 0.48;
function gravity() {
    y+= ++v;
    if( y >= b ) {
        y = b;
        v*= -R; 
        if ( !~~v ) { // ①
            clearInterval(g)
        }
    }
    document.getElementById("ball").style.top = y + "px";
}
var g = setInterval(gravity, 10);

これはあるサイトでボールを動かしましょうというものなのですが、
①の書き方を初めて見ました。

~~ とは何でしょうか、、。

どうぞ宜しくお願い致します。

Answer 1

~で1つの演算子で、意味は「整数の0と1のビットを反転させる」というものです。整数に働かせる演算子ですが、小数点以下があった場合には、絶対値が小さくなる方向に丸められます。

ビットを2回反転させれば元に戻るので、丸めた効果だけが残ります。そして、!で評価すれば0だけがtrueなので、!~~v全体での意味は、「vが-1と1の間（両端含まず）であれば」ということになります。

Answer 2

~ はビット反転です。
ビット演算子 - JavaScript | MDN#Bitwise_NOT

2回適用することで、小数を整数に変換するイディオムがあります。

チルダ2回でMath.floor()の代用をする - not good but great