Método de índices D3.js()

Con la ayuda del método d3.indexes() , podemos obtener la array anidada en lugar del mapa anidado que tiene la clave como elemento. Obtenemos un objeto como valores únicos en lugar de una array usando este método.

Sintaxis:

d3.indexes(iterable, ...keys)

Valor de retorno: Devuelve la array anidada en lugar del mapa anidado.

Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca d3 utilizando este símbolo del sistema, debemos ejecutar el siguiente comando.

npm install d3

Ejemplo 1: en este ejemplo, podemos ver que al usar el método d3.indexes() , podemos obtener la array anidada en lugar del mapa anidado que tiene la clave como elemento y el valor como objeto de variables únicas.

// 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);

Producción:

 [ [ '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' } ] ]

Ejemplo 2:

// 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);

Producción:

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