將Regex vs include（）方法與Switch Statment一起使用

Question

我向OpenWeatherMap.org API發出AJAX請求，以獲取本地天氣預報（溫度，城市和天氣描述）。 我將天氣描述分配給變量“ weatherDescription”。 我正在使用switch語句檢查“ weatherDescription”在說明中是否具有“ clouds”，並且是否確實將DOM中元素的圖像圖標更改為“ cloudy”圖標圖像。

以下代碼可在Chrome中運行，但不幸的是.includes（）方法在其他瀏覽器（Safari，IE，Opera等）中無法使用。

function SwitchIcons() {
        switch (true) {
          case (weatherDescription.includes('clear')):
            icon.className = "";
            icon.classList.add("wi", "wi-day-sunny");
            break;
          case (weatherDescription.includes('rain')):
            icon.className = "";
            icon.classList.add("wi", "wi-day-rain");
        }
      }
      SwitchIcons();

因此，我現在正在針對regExp測試“ weatherDescription”，但對於第一種情況（以下示例），條件始終返回true：

var myRegExp = /sun|rain|sleet/ig; 
switch (true) {
              case myRegExp.test(weatherDescription)):
                icon.className = "";
                icon.classList.add("wi", "wi-day-sunny");
                break;
case myRegExp.test(weatherDescription)):
icon.className = "";
icon.classList.add("wi", "wi-day-rain");
}

是否可以使用regEx使用.includes（）方法獲得與我收到的結果相同的結果，還是有更好的方法實現這一目標？

Answer 1

問題是g修飾符。 第二次調用test將嘗試從上一個匹配開始匹配 ，而不是從字符串開頭開始匹配。 JavaScript中的正則表達式對象具有狀態，當您將g與test ， exec一起使用時，狀態很重要。

這是一個更簡單的示例來說明問題：

 var rex; rex = /test/g; snippet.log(rex.test("test")); // true snippet.log(rex.test("test")); // false // vs. rex = /test/; snippet.log(rex.test("test")); // true snippet.log(rex.test("test")); // true 

 <!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> <script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>