~~ vs parseInt？

Question

可能重复:
JavaScript中的"双波浪"(~~)运算符是什么？

D3教程提供了一个产生随机序列的函数:

var t = 1297110663, // start time (seconds since epoch)
    v = 70, // start value (subscribers)
    data = d3.range(33).map(next); // starting dataset

function next() {
  return {
    time: ++t,
    value: v = ~~Math.max(10, Math.min(90, v + 10 * (Math.random() - .5)))
  };
}

注意~~(tilda tilda):

    value: v = ~~Math.max(10, Math.min(90, v + 10 * (Math.random() - .5)))

从在javascript终端中玩游戏,我看到:

~~1
1
~~-1
-1
~~-1.3
-1
parseInt(5)
5
parseInt(-5)
-5
parseInt(-5.3)
-5
parseInt(5.3)
5

既然~~和parseInt似乎是等价的,那么使用parseInt的理由是什么？

Answer 1

他们并不等同.

• parseInt() 将字符串转换为数字,读取并忽略第一个非整数字符,还可能执行基本转换(例如,将字符串解释为八进制或十六进制).

console.log(



  parseInt(011)           +'\n'+ // 9
  parseInt('011')         +'\n'+ // 11
  parseInt('42 cats')     +'\n'+ // 42
  parseInt('0xcafebabe')  +'\n'+ // 3405691582
  parseInt('deadbeef',16) +'\n'+ // 3735928559
  parseInt('deadbeef',36) +'\n'  // 1049836114599



);

• var x = ~~y;是一个'技巧' - 类似于-that var x = y << 0;(ab)使用一元按位NOT运算符强制结果在有符号的32位整数范围内,丢弃任何非整数部分.

console.log(



  parseInt(011)                +'\n'+// 9
  parseInt('011')              +'\n'+// 11
  parseInt('42 cats')          +'\n'+// 42
  parseInt('0xcafebabe')       +'\n'+// 3405691582
  parseInt('deadbeef',16)      +'\n'+// 3735928559
  parseInt('deadbeef',36)      +'\n' // 1049836114599



);

~~x经常使用是因为:

1. 它通常比调用方法更快.
2. 键入比其他任何东西都快.
3. 它让高级用户感觉很酷,因为它有点不可思议,也有点合理.:)

从cafebabe测试中可以看出, 由于有符号的32位整数的限制,高于2 ^{31  -} 1(2,147,483,647)或低于   ^- 2 ³¹
(-2,147,483,648)的数字将"环绕".

Answer 2

parseInt 不限于有符号的32位数字.

   // Top range for a bitwise operator provides a valid result
~~((Math.pow(2,32)/2)-1); // 2147483647

   // Beyond the top range provides undesired result
~~(Math.pow(2,32)/2); // -2147483648

此外,parseInt您可以指定基数.