Método D3.js index()

Con la ayuda del método d3.index() , podemos obtener el mapa con la clave como elemento, pero el cambio es que obtenemos el objeto como valores únicos en lugar de una array.

Sintaxis:

d3.index(iterable, ...keys)

Valor devuelto: Devuelve el mapa de objetos.

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

npm install d3

Ejemplo 1: en este ejemplo, podemos ver que al usar el método d3.index() , podemos obtener el mapa que tiene la clave como elemento y el valor como objeto.

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

Producción:

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

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

Producción:

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

Publicación traducida automáticamente

Artículo escrito por Jitender_1998 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *