如何将Ruby对象巧妙地转译为JS对象，以构建一个？

本文共计380个文字，预计阅读时间需要2分钟。

将常见的Ruby对象（如字符串、散列、数组）转换为相应的JavaScript对象有以下几种方法：

1. 字符串转换： - Ruby字符串可以直接赋值给JavaScript字符串。 javascript var str='Hello, World!';

2. 散列转换： - Ruby散列可以转换为JavaScript对象。 javascript var hash={ background-color: yellow, color: black };

3. 数组转换： - Ruby数组可以转换为JavaScript数组。 javascript var arr=[1, 2, 3, 4];

4. jQuery CSS方法： - jQuery的`.css()`方法接受一个字符串或一个对象作为参数。如果你有一个Ruby散列，可以直接传递给它。 javascript $('#h').css(hash);

例如，对于你提供的Ruby哈希：rubyh={ background-color=> yellow, color=> black }可以直接转换为JavaScript对象并传递给jQuery的`.css()`方法：javascriptvar hash={ background-color: yellow, color: black };$('#h').css(hash);

将一些常见的 Ruby对象(如字符串,散列,数组)转换为相应的 Javascript对象有什么好方法？例如,jQuery css()接受散列作为参数.假设我有一个像这样的Ruby哈希：

h = {"background-color" => "yellow", "color" => "green"}

我想将这个ruby对象嵌入到一个字符串中,以便它成为一个有效的javascript(jQuery)命令.我现在最好的尝试是通过像这样的json转换它：

"$('#foo').css(JSON.parse('#{h.to_json}'));"

但它运作不佳.我想要一种更直接,更有效的方法来做到这一点.有好办法吗？

无需转换为字符串然后JSON.parse：

"$('#foo').css(#{h.to_json});"

或者,如果你打破它…

var h = #{h.to_json}; "$('#foo').css(h);"

哪个呈现给客户端：

var h = {"background-color":"yellow","color":"green"}; $('#foo').css(h);