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

La función set.clear() en D3.js se usa para eliminar todos los valores del conjunto. Borra el conjunto y mantiene ese conjunto en blanco, puede verificarlo en el segundo ejemplo.

Sintaxis:

d3.set().clear();

Parámetros: Esta función no acepta ningún parámetro.

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

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

Ejemplo 1:

<!DOCTYPE html>
<html>
  
<head>
    <title> d3.set.clear() Function</title>
  
    <script src='https://d3js.org/d3.v4.min.js'></script>
</head>
  
<body>
    <script>
  
        // Initialising the set
        var set = d3.set(["1", "2", "a", "b", "Geeks"]);
  
        // Checking the set
        console.log(set);
        // Calling the set.clear() function
        set.clear();
  
        // Checking whether any element is present
        // in the set or not
        A = set.has("a");
        B = set.has("Geeks");
  
        // Getting the output of true or false
        console.log(A);
        console.log(B);
    </script>
</body>
  
</html>

Producción:

{"$1":"1","$2":"2","$a":"a","$b":"b","$Geeks":"Geeks"}
  false
  false

Ejemplo 2:

<!DOCTYPE html>
<html>
  
<head>
    <title> d3.set.clear() Function</title>
  
    <script src='https://d3js.org/d3.v4.min.js'></script>
</head>
  
<body>
  <script>
      
     // Initialising the set
     var set = d3.set(["1", "2", "a", "b", "Geeks"]);
       
     // Checking whether any element is present
     // in the set or not before calling set.clear() function
     A = set.has("a");
     B = set.has("Geeks");
       
     // Getting the output of true or false
     console.log(A);
     console.log(B);
      
     // Calling the set.clear() function
     set.clear();
      
     // Checking whether any element is present
     // in the set or not after calling set.clear() function
     C = set.has("a");
     D = set.has("Geeks");
       
     // Getting the output of true or false
     console.log(C);
     console.log(D);
      
  </script>
</body>
  
</html>

Producción:

true
true
false
false

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

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 *