Rubyデータ構造を.js.erbを使用した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は未定義です（ブラウザで解析エラーが発生するため）

012私は仕事にfoo3を取得する方法を見つけ出すことができる唯一の方法が何をした

---

：

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... 

を：

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ことができませんでした...私はやってみました

ボトムライン、これはすべてevalのものを使う必要がありますばかげています - よりよい方法でなければなりません！誰かが私にそれが何であるか教えてもらえますか？

Answer 1

問題が.to_json ecapesましたhtmlエンティティ！

解決策が何をした：

VAR FOO = <% = {：笑=> [ "lmaonade"、 "rotflcopter"]} to_json.html_safe}％>

これは私を与えます。：

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

Answer 2

あなたは@fooがnilのときに処理する必要がある場合は、これを試してみてください。

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

はJavascriptオブジェクトにRubyのハッシュの変換は次のように行われます。

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