Larback - Retornando conhecimento

Quem me dera ser um peixe...

Arrays em JavaScript

JavaScript Arrays (ou vetores) são utilizados para armazenar múltiplos valores em uma variável.
Para criarmos arrays em JavaScript temos dois caminhos:
O primeiro é usando o caminho literal
Sintaxe
var nomeArray = [item1, item2, ...];
Exemplo
var professores = ["Larback","Katia","Paulo"];

A segunda forma é utilizando a palavra chave new
var professores = new Array("Larback","Katia","Paulo");
Os dois caminhos atingem o mesmo objetivo, mas o recomendado pela W3C é o caminho literal, por ser mais simples, de mais fácil reutilização e ter uma execução mais rápida.

A cada elemento do array é associado um índice numérico (iniciando-se em 0) e é através deste índice que temos acesso aos elementos do array. Por exemplo, se quisermos pegar o valor do primeiro elemento do vetor professores criado anteriormente
var primeiroProfessor = professores[0];
Da mesma forma, se quisermos alterar o valor de um elemento específico do array:
professores[0] = "Leo Larback";



Os arrays em Java possuem uma propriedade length que retorna o tamanho do array (em número de elementos).
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length;                       // O tamanho de fruits é 4
É importante lembrarmos que o tamanho de um vetor é sempre igual a sua última posição mais um (os índices são iniciados em zero).
Para adicionar novos elementos em um array já preenchido podemos utilizar o método push
 var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Lemon");                // adiciona um novo elemento (Lemon) para fruits
Ou podemos simplesmente atribuir um novo valor ao próximo índice, usando a propriedade length, por exemplo
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Lemon";     // adiciona um novo elemento (Lemon) para fruits


Para listar todos os elementos de um array podemos utilizar um loop:
<!DOCTYPE html>
<html>
<body>

<p>O melhor caminho para exibir os itens de um vetor é utilizando uma estrutura de repetição:</p>

<button onclick="myFunction()">Mostre-me o vetor</button>

<p id="demo"></p>

<script>
function myFunction() {
    var index;
    var text = "<ul>";
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    for (index = 0; index < fruits.length; index++) {
        text += "<li>" + fruits[index] + "</li>";
    }
    text += "</ul>";
    document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>



Agora para praticar um pouco, alguns exercícios:
http://www.w3schools.com/js/exercise.asp?filename=exercise_arrays1
http://www.w3schools.com/js/exercise.asp?filename=exercise_arrays2
http://www.w3schools.com/js/exercise.asp?filename=exercise_arrays3
http://www.w3schools.com/js/exercise.asp?filename=exercise_arrays4
http://www.w3schools.com/js/exercise.asp?filename=exercise_arrays5



Bons estudos.