JavaScript doesn't like hashes.to_json?

Question

In my controller:

@arr = []
@jsonPosts = Post.each do |p|
  arrLatLng = {}
  arrLatLng["latitude"] = p.lat
  arrLatLng["longitude"] = p.lon
  @arr << arrLatLng
end 
@postsLatLng = @arr.to_json

When I use console.log(<%= @postsLatLng %>) , in the view I get an unexpected token and error and it shows:

console.log([{"latitude":34.0462002,"longitude":-118.2044673},{"latitude":34.0462074,"longitude":-118...

It works when I change arrLatLng to an array:

arrLatLng = []
arrLatLng << p.lat
arrLatLng << p.lon

I'm wondering:

1. What's the fix?
2. Why does this work when I change arrLatLng to an array?

Answer 1

Try http://api.rubyonrails.org/classes/ActionView/Helpers/JavaScriptHelper.html#method-ij

console.log(<%= j @postsLatLng %>)

Also, totally unrelated, but you could do this instead:

@postsLatLng = Post.inject([]) { |memo, p|
  memo << {latitude: p.lat, longitude: p.lon}
}.to_json