Underscore.js es una biblioteca de JavaScript que proporciona muchas funciones útiles como el mapa, el filtro, las invocaciones, etc., incluso sin usar ningún objeto integrado.
La función _.unzip() se usa para combinar el mismo tipo de elementos de diferentes arreglos en un solo arreglo. Hace coincidir uno por uno cada elemento de array pasado con los siguientes elementos de array pasados. Se usa cuando hay más de una array homogénea (un tipo de elementos como solo números, obras, caracteres especiales, etc.) para conectar toda la array haciendo coincidir cada elemento con su elemento correspondiente en la siguiente array. Puede tener varias arrays como parámetros. El resultado contendrá la misma cantidad de arrays que la cantidad de elementos que tiene la array más grande. Es lo opuesto a la función _.zip().
Sintaxis:
_.unzip( *arrays )
Parámetros: esta función acepta una array de un solo parámetro que se utiliza para contener elementos de la array.
Valor devuelto: Devuelve los arrays resultantes.
Pasar arrays homogéneas a la función _.unzip(): La función ._unzip() acepta el elemento de la primera array y crea los primeros elementos de la array resultante. Luego, toma los elementos de la segunda array y los mapea como la segunda propiedad de ese primer elemento únicamente. Esto se hace hasta que se cubren todos los primeros elementos de la array. Luego forma el segundo elemento de la array resultante. Esto continúa hasta que todos los elementos están cubiertos.
Ejemplo:
<!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(_.unzip([['Akash', 'Amit', 'Aviral'], [01, 02, 03], ['pass', 'pass', 'fail']]) ); </script> </body> </html>
Producción:
Pasar un arreglo heterogéneo a la función _.unzip(): Pasar un arreglo heterogéneo, es decir, que contenga todo tipo de elementos en un solo arreglo. La función _.unzip() funcionará de la misma manera. El procedimiento es el mismo pero la salida será la diferencia. Ahora formará arrays homogéneas en el resultado.
Ejemplo:
<!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(_.unzip([['Akash', 02, 'pass'], ['Amit', 02, 'pass'], ['Aviral', 03, 'fail']]) ); </script> </body> </html>
Producción:
Mapeo de diferentes tipos de elementos en la función _.unzip() Pase diferentes tipos de elementos a la función _.unzip. Esta vez también el proceso será el mismo, pero el resultado no será una array homogénea, sino que será una array heterogénea como una string de palabras que se pasa como el primer elemento de la primera array, pero se pasa una string de caracteres especiales como el primero. elemento de la segunda array.
Ejemplo:
<!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(_.unzip([['Akash', 01, 5999], ['*', 02, 'pass'], ['!', '@', 3222]]) ); </script> </body> </html>
Producción:
Pasar arrays de tamaños desiguales a la función _.unzip(): se pueden pasar arrays de tamaños desiguales, pero esto generará valores indefinidos en las arrays resultantes. Esto se debe a que la cantidad de elementos que encontrarán sus coincidencias en el resto de las arrays se considerará como una sola array, pero si no encuentran ninguna coincidencia, tendrán ‘indefinido’ en su lugar. Pero esto funcionará sin problemas y no dará ningún error.
Ejemplo:
<!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(_.unzip([['Akash', 01, 5999], ['*', 02, 'pass'], ['!', '@', 3222], ['?', '>', '<', ';']]) ); </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.
<script type="text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> </script>