TaffyDB – 将数据呈现为HTML

假设您有一个简单的TaffyDB数据库:

var example = TAFFY([ {fruit:"apple", color:"green", taste:"sweet"}, {fruit:"banana", color:"yellow", taste:"more sweet"}, {fruit:"tomato", color:"red", taste:"like tomato"} ]); 

你会如何随机地将一个水果随机渲染为HTML:我作为javascript初学者的解决方案:

 var fruit = example().count(); var random = Math.floor(Math.random()*count); var fruit = example().select("fruit")[random]; var color = example().select("color")[random]; var taste = example().select("taste")[random]; $(document).ready(function(){ $('#somediv').append("

" + fruit + "

"); $('#somediv').append("

" + color + "

"); $('#somediv').append("

" + taste + "

"); });

我认为这太复杂了。
会有另一种解决方案吗?

在TaffyDB 2.0中,您可以使用取代作为您讨论的部分内容。

我可能会编写类似这样的代码:

 var example = TAFFY([ {fruit:"apple", color:"green", taste:"sweet", order:0}, {fruit:"banana", color:"yellow", taste:"more sweet", order:0}, {fruit:"tomato", color:"red", taste:"like tomato", order:0} ]); $('#somediv').html( example().update(function () { this.order = Math.floor(Math.random() * 100); return this; }).order("order").supplant("

{fruit}

") );