假设您有一个简单的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>");
});
我认为这太复杂了。
会有其他解决方案吗?
最佳答案
在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("<p>{fruit}</p>")
);