D3.js | función d3.scan()

La función d3.scan() es una función integrada en D3.js que escanea la array linealmente y devuelve el índice del elemento mínimo según el comparador especificado. La función devuelve indefinido cuando no hay elementos comparables en la array.

Sintaxis:

d3.scan(array, comparator)

Parámetros: esta función acepta dos parámetros que se mencionan anteriormente y se describen a continuación:

  • array: este parámetro obligatorio contiene una array de elementos cuyo valor mínimo se calculará y se devolverá el índice respectivo.
  • comparador: este parámetro es un parámetro opcional que especifica cómo se obtendrá el elemento mínimo.

Valor de retorno: la función devuelve un único valor entero que indica el índice del elemento mínimo en la array según el comparador especificado.

Los siguientes programas ilustran el uso de la función d3.scan() :

Ejemplo 1: Este programa ilustra el uso de d3.scan() con un comparador

<!DOCTYPE html>
<html>
  
<head>
    <title>D3.js d3.scan() Function</title>
  
    <script src='https://d3js.org/d3.v4.min.js'></script>
</head>
  
<body>
    <script>
        var array = [42, 71, 91, 67, 43, 17, 53];
        // To obtain the minimum element in the array
        var ans1 = d3.scan(array, function(a, b) {
            return a - b;
        });
        document.write("Minimum element is " + array[ans1] +
            " present at index: " + ans1 + "<br>");
  
        // To obtain the maximum element in the array
        var ans2 = d3.scan(array, function(a, b) {
            return b - a;
        });
        document.write("Maximum element is " + array[ans2] +
            " present at index: " + ans2);
    </script>
</body>
  
</html>

Producción:

Minimum element is 17 present at index: 5
Maximum element is 91 present at index: 2

Ejemplo 2: Este programa ilustra el uso de d3.scan() sin un comparador

<!DOCTYPE html> 
<html> 
      
<head> 
    <title>D3.js d3.scan() Function</title> 
      
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
<script> 
          
    var array = [42 , 71 , 91 , 67 , 43 , 17 , 53];
    // To obtain the minimum element in the array
    var ans1 = d3.scan(array, );
    document.write("Minimum element is " + array[ans1] + 
    " present at index: " + ans1);
</script> 
</body> 
  
</html>                    

Producción:

Minimum element is 17 present at index: 5

Referencia: https://devdocs.io/d3~5/d3-array#scan

Publicación traducida automáticamente

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