javascript - 在客户端过滤嵌套对象

Question

我有一个基于此的 d3.js 散点图:http://bl.ocks.org/nsonnad/4481531

我正在尝试添加一个函数，该函数允许您根据(在示例中)国家/地区(每个国家/地区由颜色气泡表示)进行过滤。

数据来自 .csv 文件，但在我 console.log 时呈现为如下对象:

[0 … 99]
   0: Object
       attribute: "INFJ"
       category: "Personality Type"
       incidence: "1.04"
       index_value: "65"
       main_grouping: "Behaviors"
     __proto__: Object
   1: Object
   2: Object
   3: Object
    ETC...

我想要做的是获取具有特定main_grouping的所有行。如果我这样做，我可以获得所有 main_grouping 的列表，但这只是第一步。

d3.csv("example.csv", function(data) {
    $.each(data, function (index, value) {
        console.log(value.main_grouping);
        });

我不知道如何处理这个或从这里开始就是说，给定一个main_grouping(将通过下拉菜单选择......不过我可以处理这部分) ，仅将这些行作为数据返回，以便在呈现散点图的脚本的其余部分中使用。

这里没有服务器端选项，所以我必须在客户端找到一些东西。

Answer 1

您可以使用数组过滤器

d3.csv("example.csv", function(data) {
data_filtered = data.filter(function(d){
    return d.main_grouping == selected_grouping;
  });
}