En JavaScript, el método map() maneja los elementos de la array, lo que crea una nueva array con la ayuda de los resultados obtenidos al llamar a la función para todos y cada uno de los elementos de la array en una array. El índice se usa dentro del método map() para indicar la posición de cada elemento en una array, pero no cambia la array original.
Sintaxis:
array.map(function(currentelement, index, arrayobj) {
// Returns the new value instead of the item
});
Parámetros: la función Index inside acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- elemento actual : El elemento actual es un argumento requerido en map() que es el valor del elemento actual.
- índice: el índice es un argumento opcional map() que es un índice de array del elemento actual proporcionado.
- arrayobj : arrayobj es un argumento opcional en map() que es el objeto de array al que pertenece el elemento actual.
Los siguientes ejemplos ilustran la función Index inside map() :
Ejemplo 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content=
"width=device-width, initial-scale=1">
</head>
<body style="text-align:center;">
<h1 style="color:green;padding:13px;">
GeeksforGeeeks
</h1>
<h3>Index inside map() Function</h3>
<script>
var student = ["Arun", "Arul",
"Sujithra", "Jenifer", "Wilson"];
student.map((stud, index) => {
alert("Hello... " + stud + "\n");
var index = index + 1;
alert("Your Position in Top 5"
+ " Rank is " + index + "\n");
});
</script>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content=
"width=device-width, initial-scale=1">
</head>
<body style="text-align:center;">
<h1 style="color:green;padding:13px;">
GeeksforGeeeks
</h1>
<h3>Index inside map() Function</h3>
<script>
var webname = ["welcome", "to",
"GeeksforGeeeks"];
webname.map((web, index) => {
document.write(web + "<br>");
});
// check in console
webname.map((web, index)
=> console.log(web, index));
</script>
</body>
</html>
Producción:
welcome 0 to 1 GeeksforGeeeks 2
Navegadores compatibles: los navegadores compatibles con la función Index inside map() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por VigneshKannan3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA