Javascriptで取得したcookieの値でifの条件分岐ができないです

Question

Javascriptでcookieの値を取得して、その値によって条件分岐したいのですが、console.logには'not works'と表示されます。Consoleには他にエラーが表示されていないのですが、原因がわかりますでしょうか…？

(function() {
   'use strict';

   document.cookie = 'test="gray"; max-age=9999'

   function getCookieArray(){
      var arr = new Array();
      if(document.cookie != ''){
         var tmp = document.cookie.split('; ');
         for(var i=0;i<tmp.length;i++){
            var data = tmp[i].split('=');
            arr[data[0]] = decodeURIComponent(data[1]);
         }
      }
      return arr;
   }

   var arr = getCookieArray();
   var result = arr["test"];

   if(result == null){
      console.log("no cookie");
   } else {
      var theme = result;

      if(theme == 'gray'){
         console.log('works');
      } else {
         console.log('not works');
      }
   }

})();

Comments

[m.ts10806]

現象再現するブラウザをご提示ください。
また、他のブラウザも試してみて結果を追記してください。

Answer 1

cookieの中身がダブルクオート含んだ状態になっています。

if(theme == '"gray"')

↑にすればtrueになりますが、多分cookieの表記ミスだと思います。

document.cookie = 'test=gray; max-age=9999'

cookieの書き込みを↑のようにすればif文そのままで通ると思います！

Comments

[neg404]

ありがとうございます！上記の方法で無事 解決しました。