tutoriais mais recente desenvolvimento web
 

JavaScript ordem forEach() Method

<JavaScript Matriz de Referência

Exemplo

Listar cada item na 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>

O resultado será:

index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

O forEach() método chama uma função fornecida uma vez para cada elemento de uma matriz, a fim.

Nota: forEach() não executa a função de elementos de matriz sem valores.


Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.

Método
forEach() sim 9 1.5 sim sim

Sintaxe

Os valores dos parâmetros
Parâmetro Descrição
function(currentValue, index,arr) Requeridos. Uma função a ser executada para cada elemento na matriz.
Argumentos de funções:
Argumento Descrição
currentValue Requeridos. O valor do elemento atual
index Opcional. O índice de matriz do elemento atual
arr Opcional. A matriz de objectos do elemento actual pertence
thisValue Opcional. Um valor a ser passado para a função a ser usada como seu "this" de valor.
Se este parâmetro estiver vazio, o valor "undefined" será passado como o seu "this" valor

Detalhes técnicos

Valor de retorno: Indefinido
JavaScript Versão: 1,6

Exemplos

mais Exemplos

Exemplo

Obter a soma de todos os valores na 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>
Tente você mesmo "

Exemplo

Multiplicar todos os valores em conjunto com um 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>
Tente você mesmo "

<JavaScript Matriz de Referência