使用枚举的 JavaScript 切换案例

Question

我有一个这样声明的“枚举”：

var PlaceType = {
        PASSABLE_TERRAIN: 1,
        IMPASSABLE_TERRAIN: 0,
        SOMEWHAT_PASSABLE_TERRAIN: 2,
        PATH: 3
    };

还有一个这样声明的函数：

setPlaceType(placeType) {
        this.clear = false;
        this.placeType = placeType;

        alert("before switch "+(PlaceType.SOMEWHAT_PASSABLE_TERRAIN==this.placeType));
        switch(this.placeType) {
        case PlaceType.PASSABLE_TERRAIN: {
            alert("Case PASSABLE");
            break;
        }
        case PlaceType.IMPASSABLE_TERRAIN: {
            alert("Case IMPASSABLE");
            break;
        }
        case PlaceType.SOMEWHAT_PASSABLE_TERRAIN: {
            alert("Case SOMEWHAT_PASSABLE");
            break;
        }
        case PlaceType.PATH: {
            alert("Case PATH");
            break;
        }
        default: {
            alert("case default");
        }
        }
    }

如果我这样称呼它：

setPlaceType(1);

我收到以下警报：“在 switch true 之前”、“case default”

如果我这样称呼它：

setPlaceType(2);

我收到以下警报：“在 switch false 之前”、“case default”

换句话说，该函数是使用正确的参数调用的，当做（在我看来是）与开关相同的比较但通过“==”时，我得到了正确的行为，但开关永远不会将值与适当的情况相匹配。有人知道为什么吗？

Answer 1

如果任一运算符是字符串，则比较运算符会将两个操作数转换为字符串。如果你传入一个字符串，你正在比较string == number，这会将数字转换为一个字符串，并且在传递字符串'2'的情况下，它会是真的。

switch case 比较使用标识运算符===，如果操作数的类型不同，则会失败。

长话短说，如果您的案例与数字进行比较，请确保您始终传递一个数字，您可以像这样仔细检查：

setPlaceType(placeType) {
    if (typeof placeType !== 'number') {
        throw new Error('You must pass a number to setPlaceType!');
    }
    ...
}

另外，你应该这样调用你的函数：

setPlaceType(PlaceType.PASSABLE_TERRAIN);

否则，使用“枚举”（我松散地使用该术语）对象实际上没有任何意义。

Answer 2

参考这个 => Switch-Case for strings in Javascript not working as expected

Switch 执行===，而if 执行==。

希望对您有所帮助！祝你有美好的一天

Answer 3

当您使用 == 进行比较时，js 正在使用 type-coercion 将 2 个操作数转换为中间类型，在这种情况下为字符串，从而成功比较它们。

所以要让你的 switch 语句产生效果，你需要这样转换

this.placeType = parseint(placeType);

您还必须在这里学到的是，在 javascript 中使用 == 运算符比较两个值并不是一个理想的做法，而是使用 === 运算符来检查类型是否相同。所以在你的情况下，

alert("before switch "+(PlaceType.SOMEWHAT_PASSABLE_TERRAIN==this.placeType));

如果您在比较int 和string 时使用===，则会失败

这里的工作演示：http://jsfiddle.net/pratik136/ATx8c/

Answer 4

匹配大小写使用the === identity operator, not the == equality operator 确定。表达式必须匹配，无需任何类型转换。如果您传入的是字符串而不是整数，它将失败。

setPlaceType(1);  //"Case PASSABLE"
setPlaceType("1");  //"case default"

使用上述行运行代码的示例：jsFiddle

所以如果你说它失败了，你可能是在比较一个字符串和一个数字。使用 parseInt。

this.placeType = parseint(placeType,10);

Answer 5

另一种使用枚举作为switch case的方法：

   const PlaceType = Object.freeze({
            PASSABLE_TERRAIN: 1,
            IMPASSABLE_TERRAIN: 0,
            SOMEWHAT_PASSABLE_TERRAIN: 2,
            PATH: 3
        });

   function setPlaceType(placeType){
      return({
              0:"Case IMPASSABLE_TERRAIN",
              1:"Case PASSABLE_TERRAIN",
              2:"Case SOMEWHAT_PASSABLE_TERRAIN",
              3:"PATH"      
              }[placeType]);
     }