apa*_*eja 3 javascript arrays jquery json object
用组找到所有可能的相关值的最佳方法是什么。
var table = [
{group:"a", stuff:"new"},
{group:"a", stuff:"old"},
{group:"b", stuff:"newOld"},
{group:"b", stuff:"old"},
{group:"c", stuff:"new"},
{group:"c", stuff:"old"},
{group:"c", stuff:"newOld"},
];
Run Code Online (Sandbox Code Playgroud)
我想填充一个包含唯一group值的下拉列表。在选择时,我想将所有相关内容stuff用于进一步处理。并且还想添加一个包含all的组stuff。例如
on selection of all -> new, old, newOld
a -> new, old
b -> newOld, old
c -> new, old, newOld
Run Code Online (Sandbox Code Playgroud)
简短而精确,没有在整个数组中每次查找条目的开销:
var groups = {all:{}};
table.forEach(function(a){
if (!groups[a.group]){ groups[a.group] = {}; }
groups[a.group][a.stuff] = groups["all"][a.stuff] = 1;
});
Run Code Online (Sandbox Code Playgroud)
列出对象中的内容,这样就没有重复的条目(这就是为什么很多余的原因=1)。但是您可以轻松地扩展它以计算重复项:
table.forEach(function(a){
if (!groups[a.group]){ groups[a.group] = {}; }
var stuff = groups["all"][a.stuff];
groups["all"][a.stuff] = !stuff ? 1 : ++stuff;
stuff = groups[a.group][a.stuff];
groups[a.group][a.stuff] = !stuff ? 1 : ++stuff;
});
Run Code Online (Sandbox Code Playgroud)
结果将如下所示:
// "groups" holds all group elements and their stuff values
groups = { "all": {"new":2,"old":3,"newOld":2},
"a" : {"new":1,"old":1},
"b" : {"newOld":1,"old":1},
"c" : {"new":1,"old":1,"newOld":1}
}
Run Code Online (Sandbox Code Playgroud)
要检索组的值,只需说:
var groupname = "a"; // whatever group you need
Object.keys(groups[groupname]);
// will give you:
["new","old"]
Run Code Online (Sandbox Code Playgroud)
得注意的支持Object.keys和Array.prototype.forEach课程。