javascript - 等于 3 的整数不满足 ==3 条件

Question

我有一些用于进行图像转换的 javascript/jQuery 代码。 $(obj)是一个包含两个图像的盒子，它是每个图像的大小。下面的代码片段用于选择 $(obj) 边界之外的新位置，该位置与之前使用的位置不同(因为一个图像向右滑动，而一个新图像从左侧看起来要好得多比一个向右滑动而另一个从右侧滑动。)

            var newLoc = Math.floor((Math.random() * 4));
            if ($(obj).data('lastloc') == newLoc) {
                console.log("FIXED "+newLoc);
                if (newLoc == 3) newLoc = 2;
                if (newLoc == 2) newLoc = 3;
                if (newLoc == 0) newLoc = 1;
                if (newLoc == 1) newLoc = 0;
                console.log("WITH "+newLoc);
            }

我遇到的问题是 Chrome 和 Firefox 都在 JavaScript 控制台中输出此内容:

FIXED 3
WITH 3

这怎么可能？

Answer 1

您需要else if。它只是从这里掉下来

if (newLoc == 3) newLoc = 2;
if (newLoc == 2) newLoc = 3;

试试这个

if (newLoc == 3) newLoc = 2;
else if (newLoc == 2) newLoc = 3;
else if (newLoc == 0) newLoc = 1;
else if (newLoc == 1) newLoc = 0;

或使用适当的开关