如何将Ruby对象映射为JavaScript对象以实现数据插值？

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

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

1. 字符串转换： - Ruby字符串可以直接赋值给JavaScript字符串。 - 示例：`h={ background-color: yellow, color: red }`

2. 散列转换： - Ruby散列可以直接转换为JavaScript对象。 - 示例：`h={ background-color: yellow, color: red }`

3. 数组转换： - Ruby数组可以转换为JavaScript数组。 - 示例：`h=[ background-color, yellow, color, red ]`

4. jQuery css() 方法： - jQuery的css()方法接受一个字符串作为参数，该字符串可以是一个包含键值对的散列或数组。 - 示例：`jQuery('.element').css('background-color', 'yellow');`

对于您的Ruby哈希示例：

rubyh={ background-color=> yellow, color=> red }

在JavaScript中，可以转换为：

javascriptvar h={ background-color: yellow, color: red};

或者使用jQuery的css方法：

javascriptjQuery('.element').css({ background-color: yellow, color: red});

将一些常见的 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);