d3.js indexes()用法及代碼示例

借助d3.indexes()方法，我們可以獲得嵌套數組，而不是以鍵為元素的嵌套映射。通過使用此方法，我們將對象作為唯一值而不是數組。

用法:

d3.indexes(iterable, ...keys)

返回值：它返回嵌套數組而不是嵌套映射。

注意：要執行以下示例，您必須使用此命令提示符安裝d3庫，我們必須執行以下命令。

npm install d3

範例1：在此示例中，我們可以看到，通過使用d3.indexes()方法，我們能夠獲得嵌套數組，而不是將鍵作為元素並將值作為唯一變量的對象的嵌套映射。

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.indexes(data, d => d.name); 
  
console.log(gfg);

輸出：

 [ [ '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.indexes(data, d => d.name, d => d.date); 
console.log(gfg);

輸出：

 [ [ 'ABC', [ [Array] ] ],
  [ 'DEF', [ [Array] ] ],
  [ 'MNO', [ [Array] ] ],
  [ 'XYZ', [ [Array] ] ] ]

相關用法

注：本文由純淨天空篩選整理自Jitender_1998大神的英文原創作品 D3.js indexes() method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。