Websites – Manipulando Matrizes – parte 3 – For Each, Map, Filter, Every e Some – Javascript – Linux

Publicado: 21 de abril de 2014 em JavaScript

O ECMAScript 3 define uma série de funções de manipulação de matrizes úteis sobre Array.prototype, o que significa que estão disponíveis como métodos de qualquer matriz. Aqui vamos mostrar alguns métodos uteis.

Matriz - Parte 3

Matriz – Parte 3

For Each

Executa a ação especificada para cada elemento em uma matriz.

Map

O método cria uma nova matriz com os resultados da chamada de uma função fornecida em cada elemento desta matriz.

Filter

Retorna os elementos de uma matriz que atendem à condição especificada em uma função de retorno.

Every

Determina se todos os membros de uma matriz satisfazem o teste especificado retornando verdadeiro ou falso.

Some

O método testa se algum elemento da matriz passou no teste executado pela função fornecida e retorna verdadeiro ou falso.

Exemplo:

Neste exemplo criamos uma matriz e testamos todos os métodos acima.

Html / Javascript

<!DOCTYPE html>
<html>

<head>
   <title>Desenvolvimento Aberto</title>
</head>

<body>

<h2>Desenvolvimento Aberto</h2>
<h3>For Each - Map - Filter - Every - Some</h3>
<h4>JavaScript</h4>
<br>

<pre>
<script>

// For Each

var matriz = [1,2,3,4,5];

document.writeln("For each - Itera os elementos da matriz: " + matriz);

matriz.forEach(function (valor,inc, arry ) { arry[inc] = valor + 1});

document.writeln("Resultado: "+ matriz);

// MAP

var mapa = [1, 2, 3, 4];

document.writeln("\nMap - Executa fun&#231&#227o nos elementos da matriz: " + mapa);
document.writeln("Resultado: " + mapa.map(function (quadrado) { return quadrado * quadrado}));

// Filter

var filtro = [1, 2, 3, 4, 5 , 6, 7, 8 ,9 , 10];

document.writeln("\nFilter - Filtra os elementos da matriz: " + filtro);
document.writeln("Resultado: " + filtro.filter(function (elemento) { return elemento > 5 }));

// Every

var todos = [1, 2, 3];

document.writeln("\nEvery - Analisa todos os elementos e retorna Verdadeiro ou Falso : " + todos);
document.writeln("Resultado: " + todos.every(function (elemento) { return elemento < 5 }));

// Some

var alguns = [1, 2, 3];

document.writeln("\nSome - Analisa  os elementos e retorna Verdadeiro ou Falso se \n" +
                 "houver pelo menos um elemento verdadeiro : " + alguns);
document.writeln("Resultado: " + alguns.some(function (elemento) { return elemento = 2 }));

</script>
</pre>

</body>

</html>
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

w

Conectando a %s