Función de subrayado.js _.map()

Underscore.js es una biblioteca de JavaScript que proporciona muchas funciones útiles que ayudan en la programación en gran medida, como el mapa, el filtro, la invocación, etc., incluso sin utilizar ningún objeto integrado .

La función _.map() es una función incorporada en la biblioteca Underscore.js de JavaScript que se usa para producir una nueva array de valores asignando cada valor en la lista a través de la función de transformación (iteratee). Muestra el resultado como una lista en la consola. En esta lista, la salida del primer elemento, es decir, el elemento en el índice 0 tiene su resultado en el índice 0 de la lista devuelta y cuando todos los elementos de la lista se pasan a la función/iterado y no quedan más elementos, entonces el _ Termina el bucle .map.

Sintaxis:

_.map(list, function)

Parámetros: Acepta dos parámetros que se especifican a continuación:

lista: Es la lista que contiene algunos elementos.
función: Es la función que se ejecuta tomando cada elemento de la lista.

Valores devueltos: Devuelve el valor de la propiedad del objeto o el valor del elemento de array en la posición actual.

Pasar una lista de números con una función definida por el usuario: cuando pasamos la lista de elementos a la función definida por el usuario, toma el elemento de la lista uno por uno y realiza las operaciones de la función. Aquí, la función calcula la operación de multiplicación. Multiplica los elementos de la lista por 2. Después de realizar sus operaciones, la función devuelve el valor que se mostrará en la consola.

<html>
   
<head>
    <script>
        <src = "https://cdnjs.cloudflare.com/ajax/libs/
                underscore.js/1.9.1/underscore-min.js" >
    </script>
    <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
         /1.9.1/underscore-min.js.map"></script>
   
    <script type="text/javascript"
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
          /1.9.1/underscore.js"></script>
</head>
   
<body>
    <script type="text/javascript">
         _.map([1, 2, 3, 4], function(num){ return num * 2; });
    </script>
</body>
   
</html>

Producción:

Pasar una lista de números con otra función definida por el usuario: cuando pasamos la lista de números a la función definida por el usuario que toma ‘num’ como argumento, toma los números de la lista uno por uno y realiza su operación. La función utilizada aquí toma cada elemento de la lista y lo usa en la oración resultante. Por lo tanto, el resultado final es una oración «Este es ** (elemento de la lista) elemento de lista».

<html>
   
<head>
    <script>
        <src = "https://cdnjs.cloudflare.com/ajax/libs/
                underscore.js/1.9.1/underscore-min.js" >
    </script>
    <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
         /1.9.1/underscore-min.js.map"></script>
   
    <script type="text/javascript"
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
          /1.9.1/underscore.js"></script>
</head>
   
<body>
    <script type="text/javascript">
         _.map( [1, 2, 3], function( num ) {
                 for(var i=0;i<num;i++) 
                      var str="This is";
                      str+=i+1;
                      str+="list item";
                      return(str);
         });
    </script>
</body>
   
</html>

Producción:

Pasar una lista de números con la función incorporada _.last: cuando estamos pasando la lista de números a la función incorporada _.last, toma las palabras de la lista una por una y realiza su operación. El _.last() toma cada array de la lista y devuelve el último elemento de cada array. Por lo tanto, el resultado final es el último elemento de cada array.

<html>
   
<head>
    <script>
        <src = "https://cdnjs.cloudflare.com/ajax/libs/
                underscore.js/1.9.1/underscore-min.js" >
    </script>
    <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
         /1.9.1/underscore-min.js.map"></script>
   
    <script type="text/javascript"
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
          /1.9.1/underscore.js"></script>
</head>
   
<body>
    <script type="text/javascript">
         _.map([[1, 2], [3, 4], [5, 6]], _.last);
    </script>
</body>
   
</html>

Producción:

Pasar una lista de palabras con una función definida por el usuario: Primero necesitamos crear una lista que usaremos. Aquí, la función toma cada palabra de la lista y la imprime en la consola junto con un conjunto de palabras que se «asignan de una lista». La salida contendrá el elemento de la lista junto con el conjunto de palabras dado.

<html>
   
<head>
    <script>
        <src = "https://cdnjs.cloudflare.com/ajax/libs/
                underscore.js/1.9.1/underscore-min.js" >
    </script>
    <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
         /1.9.1/underscore-min.js.map"></script>
   
    <script type="text/javascript"
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
          /1.9.1/underscore.js"></script>
</head>
   
<body>
    <script type="text/javascript">
         var list = ['Geeks','for', 'Geeks', 'JS'];
         m = _.map(list, function (l) {
               return l + ' is mapped from a list.';
         });
    </script>
</body>
   
</html>

Producción:

Pasar una lista de números con : ? función: Pase los elementos de la lista a la función directamente. Aquí la función usa: ? operadores (en lugar de for loop) para encontrar si el número de la lista es menor o mayor que 3, en consecuencia, imprime el resultado.

<html>
   
<head>
    <script>
        <src = "https://cdnjs.cloudflare.com/ajax/libs/
                underscore.js/1.9.1/underscore-min.js" >
    </script>
    <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
         /1.9.1/underscore-min.js.map"></script>
   
    <script type="text/javascript"
     src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js
          /1.9.1/underscore.js"></script>
</head>
   
<body>
    <script type="text/javascript">
         _.map( [ 0, 7, 2, -1, 8 ], function( n ) {
               return n>=3 ? "greater" : "smaller";
         });  
    </script>
</body>
   
</html>

Producción:

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 Cancelar la respuesta