d3.js index()用法及代码示例

借助于d3.index()方法，我们可以获取以键为元素的Map，但变化之处在于，我们将对象作为唯一值而不是数组。

用法:

d3.index(iterable, ...keys)

返回值：它返回对象的Map。

注意：要执行以下示例，您必须使用命令提示符和以下命令来安装d3库。

npm install d3

范例1：在此示例中，我们可以看到，通过使用d3.index()方法，我们能够获得以键为元素，值为对象的Map。

Javascript

// Defining d3 contrib variable   
var d3 = require('d3'); 
  
data = [ 
  {name:"ABC",   amount:"34.0",   date:"11/12/2015"}, 
  {name:"DEF",  amount:"120.11", date:"11/12/2015"}, 
  {name:"MNO", amount:"12.01",  date:"01/04/2016"}, 
  {name:"XYZ", amount:"34.05",  date:"01/04/2016"} 
] 
  
var gfg = d3.index(data, d => d.name); 
  
console.log(gfg);

输出：

Map {
  'ABC' => { name:'ABC', amount:'34.0', date:'11/12/2015' },
  'DEF' => { name:'DEF', amount:'120.11', date:'11/12/2015' },
  'MNO' => { name:'MNO', amount:'12.01', date:'01/04/2016' },
  'XYZ' => { name:'XYZ', amount:'34.05', date:'01/04/2016' } }

范例2：

Javascript

// Defining d3 contrib variable   
var d3 = require('d3'); 
  
data = [ 
  {name:"ABC",   amount:"34.0",   date:"11/12/2019"}, 
  {name:"DEF",  amount:"120.11", date:"11/02/2020"}, 
  {name:"MNO", amount:"12.01",  date:"01/04/2020"}, 
  {name:"XYZ", amount:"34.05",  date:"03/04/2020"} 
] 
  
var gfg = d3.index(data, d => d.name, d => d.date); 
  
console.log(gfg);

输出：

Map {
  'ABC' => Map {
    '11/12/2019' => { name:'ABC', amount:'34.0', date:'11/12/2019' } },
  'DEF' => Map {
    '11/02/2020' => { name:'DEF', amount:'120.11', date:'11/02/2020' } },
  'MNO' => Map {
    '01/04/2020' => { name:'MNO', amount:'12.01', date:'01/04/2020' } },
  'XYZ' => Map {
    '03/04/2020' => { name:'XYZ', amount:'34.05', date:'03/04/2020' } } }

相关用法

注：本文由纯净天空筛选整理自Jitender_1998大神的英文原创作品 D3.js index() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。