La función nest.entries() en D3.js se usa para generar el nido y aplica un operador de nido a cada nivel de jerarquía en lugar de solo a la capa exterior.
Sintaxis:
nest.entries(array)
Parámetros: Solo se necesita un parámetro dado anteriormente y descrito a continuación.
- Array: Es el array de objetos.
Valor devuelto: Devuelve la array de entradas clave-valor.
A continuación se dan algunos ejemplos de la función anterior.
Ejemplo 1: Cuando no se utiliza la función de entradas y se asignan teclas.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!-- Fetching from CDN of D3.js -->
<script type = "text/javascript"
src = "https://d3js.org/d3.v4.min.js">
</script>
<script>
// Forming the array of objects
let array=[
{val:"val10", data:"data11"},
{val:"val20", data:"data22"},
{val:"val30", data:"data33"},
{val:"val30", data:"data33"},
{val:"val30", data:"data33"},
{val:"val50", data:"data33"},
{val:"val40", data:"data44"}
]
let data= d3.nest()
.key(function(d) { return d.val; })
console.log(data);
</script>
</body>
</html>
Producción:
Ejemplo 2: Cuando la función de entradas se usa con el nido.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!-- Fetching from CDN of D3.js -->
<script type = "text/javascript"
src = "https://d3js.org/d3.v4.min.js">
</script>
<script>
// Forming the array of objects
let array=[
{val:"val10", data:"data11"},
{val:"val20", data:"data22"},
{val:"val30", data:"data33"},
{val:"val30", data:"data33"},
{val:"val30", data:"data33"},
{val:"val50", data:"data33"},
{val:"val40", data:"data44"}
]
let data= d3.nest()
.key(function(d) { return d.val; })
.entries(array)
console.log("Type is: ", typeof array)
console.log(data);
</script>
</body>
</html>
Producción:
