Función Underscore.js _.compact()

La función _.compact() es una función incorporada en la biblioteca de JavaScript Underscore.js que se usa para devolver una array después de eliminar todos los valores falsos. Los valores falsos en JavaScript son NaN, indefinido, falso, 0, nulo o una string vacía. Su salida es una array que contiene todos los valores pares como los elementos de la array, números, alfabetos, caracteres, verdadero, etc.

Sintaxis: 

_.compact( list ) 

Parámetros: esta función contiene una lista de parámetros únicos que contiene la array que contiene los elementos verdaderos y falsos.
Valor de retorno: Devuelve una array que contiene solo valores verdaderos.

Pasar una lista de elementos verdaderos y falsos a la función _.compact(): La función _.compact() comienza tomando los elementos uno por uno y luego verifica si es un elemento falso o no. Si es un elemento falso, simplemente ignora ese elemento. De lo contrario, agrega el elemento verdadero a la array resultante. Aquí los elementos false representados como false y una string vacía representada por ”.

Ejemplo:  

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
        </script>
    </head>
    <body>
        <script type="text/javascript">
            console.log(_.compact([0, 1, false, 2, '', 3]));
        </script>
    </body>
</html>                    

Producción: 
 

Pasar una lista que contiene todos los valores falsos a la función _.compact(): si la array pasada contiene todos los elementos falsos, la función _.compact() funcionará igual. Comprobará cada elemento y, dado que todos son falsos, se ignorarán todos los elementos. Entonces, la array resultante formada no tendrá ningún elemento y su longitud será 0.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
        </script>
    </head>
    <body>
        <script type="text/javascript">
            console.log(_.compact([0, false, '', undefined, NaN]));
        </script>
    </body>
</html>                    

Producción: 
 

Pasar una lista que contiene un elemento falso en ” a la función _.compact(): Pasar un elemento falso, indefinido dentro de ” como ‘indefinido’. Aunque este es un elemento falso, dado que se proporciona en el interior, se trata como un elemento de carácter. Por lo tanto, ya no es un elemento falso. El resto funciona igual que el anterior.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
        </script>
    </head>
    <body>
        <script type="text/javascript">
            console.log(_.compact([false, 'HTML', NaN,
                       'CSS', 'undefined']));
        </script>
    </body>
</html>                    

Producción:

Pasar una lista que contiene valores falsos modificados a la función _.compact(): La array contiene un elemento como verdadero que se incluye en la array resultante. El elemento ‘no’ también se incluye, ya que está dentro, lo que lo convierte en un personaje. Además, si pasa ‘no2’ tampoco es ignorado por la función _.compact().

Ejemplo:  

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
        </script>
    </head>
    <body>
        <script type="text/javascript">
            console.log(_.compact([false, true, 'yes', 'no', "no2"]));
        </script>
    </body>
</html>                    

Producción: 
 

Nota: estos comandos no funcionarán en la consola de Google o en Firefox, ya que estos archivos adicionales deben agregarse y no se agregaron. Por lo tanto, agregue los enlaces dados a su archivo HTML y luego ejecútelos. 

HTML

<script type="text/javascript" src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">  
</script> 

Publicación traducida automáticamente

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