Javascript - parseInt 返回 WebSocket 数据的奇怪值

Question

我在使用 parseInt() 时遇到了一些奇怪的行为。

webSocket.onmessage = function (event) {
    var raw = event.data;
    alert(raw);
    var data = raw.split(":");

    alert("lat:\"" + data[0] + "\" lon:\"" + data[1] + "\"");

    var x = parseInt(data[0]);
    var y = parseInt(data[1]);

    alert("lat:" + x + " lon:" + y);
}

第一个警报输出：100:100 - 这是从服务器发送的字符串。

第二个警报输出：lat:"100" lon:"100" - 这很好

但是，第三个警报输出：lat:1 lon:NaN

这是什么原因造成的？

更新：

问题是服务器端的编码生成了一些不可见的不需要的字符。我更新了服务器代码，问题就消失了。 Working solution.

Answer 1

我的猜测是，您的数据中有不可打印的字符，例如空格、制表符等，这就是您在拆分后得到 NaN 的原因。

您可以使用regex 获取数据，如下所示。使用这种方式，您不必担心不可打印的字符，因为regex 只会选择数字。

var raw = '100:100 ';

var data = raw.match(/\d+/g);

var x = parseInt(data[0], 10);
var y = parseInt(data[1], 10);

document.write('x=' + x + '   y=' + y);

上面的regex会选择raw字符串中的所有数字。

Answer 2

我同意@Tushar。因此，请相信raw = even.data; 中会解析一些特殊字符（尽管此处无法复制）

下面的代码似乎可以正常工作，您可以根据自己的代码进行调整并进行测试：

<script type="text/javascript">
    var raw = '100 :100asd';
    var data = raw.match(/[0-9]+/gm);

    alert(raw); // console.log(raw);
    var data = raw.split(":");

    alert("lat:\"" + data[0] + "\" lon:\"" + data[1] + "\"");

    var x = parseInt(data[0]);
    var y = parseInt(data[1]);

    alert("lat:" + x + " lon:" + y);
</script>