如何使用.js.erb將ruby數據結構轉換為javascript數據結構？

Question

我有一個.js.erb模板，我正在做：

var foo = <%= [1,2,3] %>;
var foo2 = <%= [1,2,3].to_json %>;
var foo3 = <%= ["bar"].to_json %>;
var foo4 = <%= {:foo => "bar"}.to_json %>;

---

foo等於123

foo2等於[1,2,3]

foo3是未定義的（因為瀏覽器抱怨解析錯誤）

foo4是未定義的（因為瀏覽器抱怨解析錯誤）

---

我能弄清楚如何使foo3正常工作的唯一方法是：

var foo3 = "<%= ['bar'].to_json %>";    # foo3 => "[&quot;bar&quot;]"
foo3.replace(/&quot;/g, "\""))          # => "['bar']"  <-- looks like eval should work...
eval(foo3.replace(/&quot;/g, "\""))[0]; # => "bar" ... it works

我無法foo4以這種方式工作...我嘗試這樣做：

var foo4 = <%= "{:foo => 'bar'}.to_json" %>;  # foo4 => "{&quot;foo:&quot;:&quot;bar&quot;}" %>;
foo4.replace(/&quot;/g, "\""));               # => "{"foo":"bar"}"  <-- looks like eval should work
eval(foo4.replace(/&quot;/g, "\""));           # => "Parse error"   <-- but it doesn't...

最重要的是，所有需要使用eval的東西都是荒謬的-必須有更好的方法！ 有人可以告訴我這是什么嗎？！？！

Answer 1

問題是.to_json使html實體轉義！

解決方法是：

var foo = <％= {：lol => [“ lmaonade”，“ rotflcopter”]}。to_json.html_safe}％>

這給了我：

{"lol": ["lmaonade", "rotflcopter"]}

Answer 2

如果您需要在@foo為零時進行處理，請嘗試以下操作：

var foo = <%= (@foo.kind_of?(Array) ? $foo : [] ).to_json %>;

像這樣將Ruby哈希轉換為Javascript對象：

<% hash = {:foo=>'bar'} %>
var js_hash = <%= hash.to_json %>;