在 JavaScript 中，switch-case 语句通常用于测试变量是否等于多个值之一。然而，在使用 switch-case 语句时，当比较字符串时，有时会出现意外的行为。本文将探讨这个问题并提供解决方案。
问题描述
考虑以下代码片段：
----- ----- - ---------
------ ------- -
---- --------
----------------- -- -- --------
------
---- ---------
----------------- -- - ---------
------
---- ---------
----------------- -- -- ---------
------
--------
-------------- -- --- --------- ---- --------
-我们期望输出：This is a banana。 然而，如果我们运行此代码，则将输出 This is an apple。为什么会这样呢？
原因分析
在 JavaScript 中，switch-case 语句使用严格相等运算符（===）进行比较。当比较一个字符串和一个字符串字面量时，它们通常是相等的。但是，当比较两个不同的字符串对象时，即使它们包含相同的字符，它们也不相等。
例如：
----- ---- - -------- ----- ---- - --- ---------------- ---------------- --- --------- -- ---- ---------------- --- --------- -- -----
在上面的示例中，str1 是一个字符串字面量，而 str2 是一个包含相同字符的字符串对象。尽管它们看起来相同，但它们的类型不同，因此它们在使用严格相等运算符进行比较时并不相等。
当我们在 switch-case 语句中使用字符串时，JavaScript 实际上比较的是字符串对象的引用（即它们在内存中的地址），而不是它们的值。因此，如果我们使用一个字符串对象作为 case 值，并将其与另一个具有相同值但不同对象的字符串进行比较，则会得到错误的结果。
解决方案
为了解决这个问题，我们可以使用字符串字面量而不是字符串对象作为 case 值：
----- ----- - ---------
------ ------- -
---- --------
----------------- -- -- --------
------
---- ---------
----------------- -- - ---------
------
---- ---------
----------------- -- -- ---------
------
--------
-------------- -- --- --------- ---- --------
-在上面的示例中，我们使用字符串字面量而不是字符串对象作为 case 值。由于字符串字面量始终是相同的对象，因此我们可以安全地使用它们进行比较。
另一种解决方法是使用非严格相等运算符（==）而不是严格相等运算符进行比较。非严格相等运算符在比较字符串时会将字符串对象转换为相应的字符串值，因此这种方法也可以解决问题。
----- ----- - ---------
------ ------- -
---- --------
----------------- -- -- --------
------
---- ---------
----------------- -- - ---------
------
---- ---------
----------------- -- -- ---------
------
--------
-------------- -- --- --------- ---- --------
-结论
在 JavaScript 中，使用字符串作为 switch-case 语句中的 case 值时要小心。由于 JavaScript 在比较字符串时使用严格相等运算符，因此我们应该尽可能使用字符串字面量而不是字符串对象作为 case 值，并且避免将字符串对象与字符串字面量进行比较。如果必须比较两个字符串对象，请使用非严格相等运算符进行比较。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29998