<Matriz de referencia JavaScript
Ejemplo
Lista de cada elemento de la matriz:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p
id="demo"></p>
<script>
demoP = document.getElementById("demo");
var numbers =
[4, 9, 16, 25];
function myFunction(item, index) {
demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br
/>";
}
</script>
El resultado será:
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El forEach() método llama a una función proporcionada una vez por cada elemento de una matriz, en orden.
Nota: forEach() no se ejecuta la función de elementos de la matriz sin valores.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.
Método | |||||
---|---|---|---|---|---|
forEach() | Sí | 9.0 | 1.5 | Sí | Sí |
Sintaxis
Los valores de los parámetros Parámetro Descripción function(currentValue, index,arr) Necesario. Una función que se ejecutará para cada elemento de la matriz.
Parámetros de las funciones: Argumento Descripción currentValue Necesario. El valor del elemento actual index Opcional. El índice de matriz del elemento actual arr Opcional. El objeto de matriz del elemento actual pertenece a
este valor Opcional. Un valor que se pasa a la función para ser utilizado como su "this" valor.
Si este parámetro está vacío, el valor "undefined" será pasado como su "this" valor
Detalles técnicos
Valor de retorno: indefinido Versión de JavaScript: 1.6
Más ejemplos
Ejemplo
Obtener la suma de todos los valores de la matriz:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Sum
of numbers in array: <span id="demo"></span></p>
<script>
var sum
= 0;
var numbers = [65, 44, 12, 4];
function myFunction(item) {
sum += item;
demo.innerHTML=sum;
}
</script> Inténtalo tú mismo " Ejemplo
Multiplicar todos los valores de la matriz con un número específico:
<p>Multiply with: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Updated array: <span id="demo"></span></p>
<script>
var numbers
= [65, 44, 12, 4];
function myFunction(item,index,arr) {
arr[index] = item * document.getElementById("multiplyWith").value;
demo.innerHTML=numbers;
}
</script> Inténtalo tú mismo "
<Matriz de referencia JavaScript