Tengo una pregunta sobre las funciones de flecha en Javascript: ¿Qué hace exactamente el código dentro del método map() ? No puedo entender cómo exactamente esto toma cada palabra y luego el método join() toma el primer carácter.
const animals = ['Hen', 'elephant', 'llama', 'leopard', 'ostrich', 'Whale', 'octopus', 'rabbit', 'lion', 'dog']; const secretMessage = animals.map(animal => animal[0]); console.log(secretMessage.join(''));Creo que entiendes lo que hace el mapa pero estás confundido por animal[0]
para cada iteración del ciclo del mapa, animal es la string contenida en el elemento actual de la array de animals . el [0] es una referencia abreviada al primer carácter de la cadena en ese elemento.
string[0] es idéntico a string.charAt(0)
Entonces, su mapa simplemente devuelve una nueva matriz que contiene la primera letra de cada elemento de la matriz inicial, que luego se une para formar la palabra secreta.
let string = "hello"; console.log(string[0]); console.log(string.charAt(0)); console.log(string[0]===string.charAt(0));animals.map(animal => animal[0]) ; crea una matriz que contiene la primera letra de cada elemento. .map() crea una nueva matriz, itera con la función animal => animal[0] , asigna cada elemento de la nueva matriz con la primera letra del elemento de la matriz animal (respectivamente). Términos simples: la función dentro de .map() es una función iteradora
secretMessage.join('') - crea una cadena uniendo cada elemento Array con el delimitador ''
Su función de mapa en cada iteración toma el siguiente elemento de la matriz (animal) y devuelve la primera letra del animal actual
Puedes imaginarlo de esta manera. La tarea de la función es iterar sobre su matriz dada. Con cada nueva llamada, el siguiente elemento de la matriz se pasa a la función de flecha. Puede hacer cualquier operación con él y devolver el resultado. El resultado que devuelve la función de flecha se escribirá en el elemento actual de la NUEVA matriz
Para una comprensión más sencilla, puede reemplazar la función de flecha con esta
(animal) => { return animal[0] } Como resultado, obtiene una matriz, cada elemento del cual constará de una letra (en este caso, la primera) join('') une todos los elementos de una matriz en una cadena. Aquí se transmite ee: esto es con lo que se llenarán los espacios entre los elementos, en este caso es una cadena vacía y se obtendrá una cadena continua. Si pasa ' ' obtiene algo como Hello World