6

我有一个 JSON 对象，它由一长串其他 JSON 对象组成，这些对象彼此具有一些共同的属性，例如：

var myData = { 
    "0291" : { "Firstname" : "Jeremy", "Surname" : "Dyson" },
    "0398" : { "Firstnname" : "Billy", "Surname" : "Bunter" },
    "6714" : { "Firstnname" : "Harry", "Surname" : "Peterson" },
    "9080" : { "Firstnname" : "Barry", "secondname": "Joe", "Surname" : "Mainwaring"}
    ...
    ...
}

我已经构建了一个 html 模板。使用 JS，我想以随机顺序在 data{} 中的对象中挑选或迭代（随机挑选+循环） ，这样我就可以为每个访问者动态填充 HTML。随机部分很重要，因此每个访问者都可能获得不同的数据。

纯 JavaScript 或 jQuery 解决方案将在部署它的上下文中工作。

编辑：我实施的解决方案如下。

1.收集所有钥匙：

var keyArray = Object.keys(myData);

2.随机播放功能：

function shuffle(o){ //v1.0
    for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
};
keyArray = shuffle(keyArray); // shuffle it!

3.循环迭代：

for (var i = 0; i < keyArray.length; ++i) {
    var current = data[keyArray[i]];
    ... // what you want to do each time.
}
4

3 回答 3

5

首先，将data对象转换为数组（第一级的键会丢失），如下所示：https ://stackoverflow.com/a/11474071/664108

var dataArray = $.map(data, function (value, key) { return value; });

然后随机播放数组（请参阅如何随机化（随机播放）JavaScript 数组？）

或者，您可以只是随机播放键，然后对原始对象进行操作。这样你也仍然有钥匙：

var keyArray = $.map(data, function (value, key) { return key; });

shuffle(keyArray); // example (shuffle function has to be implemented, see above)

for (var i = 0; i < keyArray.length; ++i) {
    var current = data[keyArray[i]];
    // do stuff with current dataset
}

从评论中补充

键数组也可以通过以下方式创建：

var keyArray = Object.keys(data);

但请注意，这仅适用于现代浏览器，如果您想在 IE 8 之前的版本中支持 Internet Explorer，则不应使用它（请参阅：http: //msdn.microsoft.com/en-us/library/ie/ff688127 (v=vs.94).aspx )

于 2013-02-04T23:25:14.273 回答
3

您是否考虑过已经随机生成 JSON 或对其进行改组？Javascript 中的随机播放

如果您对数组进行洗牌，则可以应用 foreach 并以随机顺序获取项目。:)

注意：仅随机播放 ID 的副本可能会更快。

免责声明！我假设对于您的情况，您只需要Pseudorandomness。

于 2013-02-04T23:14:14.003 回答
0

使用 Object.keys 函数

var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

更多：https ://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

于 2016-12-22T10:55:34.033 回答