TaffyDB - 渲染数据为HTML

Question

比方说你有一个简单的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("<p>" + fruit + "</p>"); 
    $('#somediv').append("<p>" + color + "</p>"); 
    $('#somediv').append("<p>" + taste + "</p>"); 
}); 

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

Answer 1

在TaffyDB 2.0中，您可以使用supplant作为您讨论的部分内容。

我可能会编写的代码是这样的：

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("<p>{fruit}</p>") 
);