D3.js nest.key()函数

D3.js是一个强大的JavaScript库，用于处理数据和创建交互式数据可视化。其中nest对象提供了对数据进行分组和聚合的功能。nest.key()函数是其中一个关键函数，用于指定分组的键（也可以称为属性），并根据键值来分组数据。

语法

nest.key(function(accessor))

参数说明：

• accessor：必选参数，用于指定分组的键，可以是函数或字符串类型。

返回值

返回结果是一个包含子分组的对象。

示例

// Mock data: 有5件商品，属于2个种类，在3个不同的地点销售
var data = [
  {name: '鼠标', category: '电脑配件', location: '北京'},
  {name: '键盘', category: '电脑配件', location: '上海'},
  {name: '耳机', category: '音频设备', location: '广州'},
  {name: '喇叭', category: '音频设备', location: '北京'},
  {name: '显示器', category: '电脑配件', location: '上海'},
];

// 按商品种类分组
var nestedData = d3.nest()
    .key(function(d) { return d.category; })
    .entries(data);
  
console.log(nestedData);

输出结果：

[
  {
    "key": "电脑配件",
    "values": [
      { "name": "鼠标", "category": "电脑配件", "location": "北京" },
      { "name": "键盘", "category": "电脑配件", "location": "上海" },
      { "name": "显示器", "category": "电脑配件", "location": "上海" }
    ]
  },
  {
    "key": "音频设备",
    "values": [
      { "name": "耳机", "category": "音频设备", "location": "广州" },
      { "name": "喇叭", "category": "音频设备", "location": "北京" }
    ]
  }
]

在上面的示例中，按照商品种类分组，最终将数据分为两组：电脑配件和音频设备。你可以使用values属性访问每个分组中的数据。

另外，nest功能还提供了其他一些函数，可以对数据进行进一步的操作，例如：sort、entries、map等，具体可以查看D3.js官方文档。

总结

nest.key()函数是D3.js nest对象的一个重要函数，用于按照指定的键值对数据进行分组。通过它，程序员可以比较方便地对数据进行细粒度的操作。