làm thế nào tôi có thể chuyển đổi cấu trúc dữ liệu ruby ​​thành cấu trúc dữ liệu javascript bằng .js.erb?

Question

Tôi có một mẫu .js.erb và tôi đang làm:

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

---

foo bằng 123

foo2 bằng [1,2,3]

foo3 là ​​undefined (vì trình duyệt than phiền về lỗi phân tích cú pháp)

foo4 không xác định (vì trình duyệt than phiền lỗi phân tích cú pháp)

---

Cách duy nhất tôi có thể tìm ra cách để có được foo3 làm việc đã làm:

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 

tôi không thể foo4 để làm việc theo cách này ... Tôi đã cố gắng thực hiện:

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

Tóm lại, tất cả điều này cần phải sử dụng công cụ đánh giá là vô lý-- có PHẢI là một cách tốt hơn! Ai đó có thể vui lòng khai sáng cho tôi xem nó là gì không?!?!

Answer 1

Vấn đề là ecapes .to_json các thực thể html!

Giải pháp là phải làm:

var foo = <% =. {: Lol => [ "lmaonade", "rotflcopter"]} to_json.html_safe}%>

này mang lại cho tôi:

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

Answer 2

Nếu bạn cần để xử lý khi @foo là con số không, hãy thử này:

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

Chuyển đổi một băm Ruby để một đối tượng Javascript được thực hiện như thế này:

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