Método D3.js Array.from()

Con la ayuda del método Array.from() , podemos convertir el mapa en una array usando este método.

Sintaxis:

Array.from( map )

Valor de retorno: Devuelve una array de diferentes elementos.

Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca d3 utilizando el 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 Array.from() , podemos obtener la array del mapa después de la conversión.

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

Producción:

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

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

Producción:

[ [ 'ABC', Map { '11/12/2019' => [Array] } ],
  [ 'DEF', Map { '11/02/2020' => [Array] } ],
  [ 'MNO', Map { '01/04/2020' => [Array] } ],
  [ 'XYZ', Map { '03/04/2020' => [Array] } ] ]