Json形式の値をJavaScriptの条件式で使いたい。

Question

実現したいこと

pythonからjson形式の値をJavaScriptで受け取ります。そして、その値は「0」か「1」の数字なので、その数字のみを取り出し、条件式（if文）の中で用いたいと思っています。

詳細

現在困っていることは、JavaScriptの if文の中で greenの値が「１」だったら緑色で描画、などと条件をつけているのですが、その条件に関わらず、常に赤色で描画されてしまうということです。
console.log(green); ではきちんと「１」という値を表示できています。

試したこと

ダブルクオーテーションがついていないことが問題とあったので、pythonの方でダブルクオーテーションを付けました。

$.ajax({
        url : '/data',
        type : 'GET',
        dataType : 'json',
      })
      //通信成功時の処理
      .done(function(json){ 
        /*
        console.log(data(['production']['machine1']));
        console.log(data(['cycletime']['machine1']));
        console.log(data(['green']['machine1']));
        console.log(data(['yellow']['machine1']));
      */
      
        console.log(json);
        const obj = JSON.parse(JSON.stringify(json));

        console.log(obj.production);
        console.log(obj.cycletime);
        console.log(obj.green);
        console.log(obj.yellow);
        
        
        var production = obj.production;
        var cycletime = obj.cycletime;
        var green = obj.green;
        var yellow = obj.yellow;
        

        console.log(production);
        console.log(cycletime);
        console.log(green);
        console.log(yellow);
      
        

      if(green===1){
        ctx1.fillStyle = "rgb(0, 255, 0)";
        console.log("OK");
      } 
      else if(yellow===1){
        ctx1.fillStyle = "rgb(255, 255, 0)";
      }
      else{ 
        ctx1.fillStyle = "rgb(255, 0, 0)";
        console.log('赤');
      }
      
      })
     
      //通信失敗時の処理
      .fail(function(data) {
        console.log('データが取れていません');
      })

json_data = {"production":{"machine1":one[0]}, "cycletime":{"machine1":one[1]}, "green":{"machine1":one[2]}, "yellow":{"machine1":one[3]} }
    return json_data

Comments

[yambejp]

Pythonで書かずに文字列としてのJSONデータを表示してください（oneが判断できません）

Answer 1

greenの型が文字列なのに数値で比較しているためです。
以下のどちらかに合わせれば良いかと。

if (parseInt(green) === 1) {
}

if (green + '' === '1') {
}

……と、思ったのですが

console.log(data(['green']['machine1']));

pythonの方のコードも見る限り、greenの中身は実は{"machine1":one[2]}ではないですか？

console.log(green); ではきちんと「１」という値を表示できています。

これがちょっと気になります。
もしそうだとすると1と比較しても無駄なので、オブジェクト内のmachine1と比較してください。

Answer 2

https://teratail.com/questions/1sofbworglag26#reply-dmjddziks5zrvk この回答とコメント欄を参照してください。

(質問が未解決のまま強く関連する質問を新たに作るとややこしいことになりがちなので、おすすめしません)

Answer 3

green===1としていますが、この場合greenの中身が文字列としての'1'だった場合にはfalseとなります。

得られた値の型が正しいかも確認してみましょう。