D3.js | Función d3.map.set()

La función map.set() en D3.js solía establecer los valores para la string de clave especificada en el mapa creado.

Sintaxis:

d3.map.set(key, value);

Parámetros: Esta función acepta dos parámetros que se ilustran a continuación:

  • clave: Esta es la string clave.
  • valor: Este es el valor correspondiente para cada string clave.

Valor devuelto: esta función no devuelve ningún valor.

Los siguientes programas ilustran la función d3.map.set() en D3.js:
Ejemplo 1:

<!DOCTYPE html>
<html>
  
<head>
   <title>d3.map.set() function</title>
  
   <script src = "https://d3js.org/d3.v4.min.js"></script>
</head>
     
<body>
    
  <script>
      
     // Creating a map
     var map = d3.map()
       
     // setting the value for the specified key string
     // into above map
     .set("a", 1).set("b", 2).set("c", 3);
  
     // Getting the value for the specified key string
     A = map.get("a"); 
     B = map.get("c"); 
      
     // Printing the output of values
     console.log(A);
     console.log(B);
  </script>
</body>
  
</html>

Producción:

1
3

Ejemplo 2:

<!DOCTYPE html>
  
<html>
  
<head>
   <title>d3.map.set() function</title>
  
   <script src = "https://d3js.org/d3.v4.min.js"></script>
</head>
  
<body>
    
  <script>
      
     // Creating a map and setting the value
     // for the specified key string
     var map = d3.map().set("Geeks", 1).set("Geek", 2).set("gfg", 3);
  
     // Getting the value for the specified key string
     A = map.get("Geek"); 
     B = map.get("c"); 
      
     // Printing the output of values
     console.log(A);
     console.log(B);
  </script>
</body>
  
</html>

Producción:

2
undefined

Nota: En el código anterior, la string «c» no está presente en el mapa creado, por eso se imprime indefinido como salida.

Referencia: https://devdocs.io/d3~5/d3-collection#map_set

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray 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 *