javaScript の変数が ""1"" のように２つの二重引用符で囲まれている場合の解釈と対処

Question

状況

jQueryでDOM要素の値を取得する処理を書いているのですが、Chromeのデベロッパーツールで取得した属性値を見ると""1""のように２つの二重引用符で囲まれているものがありました。具体的には次のキャプチャでの変数foodのような状態です。

$.type(food)と$.type(type)をコンソールに出力すると、どちらもstring型でした。
しかし、このようにfoodの値を取得した後、セレクトボックスの値を変更するために$('#セレクトボックスのid').val(food)という処理を書いても正しく反映されませんでした。$('#セレクトボックスのid').val(type)の場合は正しく反映されました。

質問

""1""のように２つの二重引用符で囲まれている変数を利用する場合、何か処理が必要になるのでしょうか？
または、通常のstring型と異なる解釈があればご教示いただけると助かります。

Answer 1

""1""のように２つの二重引用符で囲まれている変数を利用する場合、何か処理が必要になるのでしょうか？

わかりやすく書けば、これは"1"という内容の文字列（二重引用符も中身の一部）です。

#script_idのエレメントにはどのように書かれていますでしょうか。

Comments

[AkihiroIshii]

#script_idのエレメントは、次のようになっていました。
<script id="script_id" food=""1"" type="text/javascript" src="〇〇"></script>

FuelPHPで開発しており、訳あってfoodの値はphpから渡しております。以前に配列を渡す処理を書いた時の名残で、json形式にエンコードして渡す書き方をしていたことに気付きました。具体的に修正したコードは自己回答に記載しました。

ご指摘いただいて原因を見つけることができました。ありがとうございます！

Answer 2

そもそも参照先の要素のfood属性が次のように２つの二重引用符で囲まれていました。
<script id="script_id" food=""1"" type="text/javascript" src="〇〇"></script>

FuelPHPで開発しており、訳あってfoodの値はPHPから渡していました。以前に配列を渡す処理を書いた時の名残で、次のようにjson形式にエンコードして渡す書き方をしていたことに気付きました。
<?php echo Asset::js('main.js', array('id'=>'script_id','food'=>json_encode($food))); ?>

そこで、次のようにjson形式にエンコードせずに値で渡す記述に直したところ、参照する要素のfood属性が"1"になり、javaScriptでも"1"のように受け取ることができました。
<?php echo Asset::js('main.js', array('id'=>'script_id','food'=>$food)); ?>