Manipulação de array em Javascript – Parte um, básico

Os Arrays são amados por um e odiado por outros, só que esses outros normalmente são aqueles que tem pouca base e pouca experiência em lógica de programação.

Vou tentar explicar como usar um array, do básico ao avançado.

Neste primeiro post, vou falar do básico, é claro, portanto se você já conhece, até mais.

O básico – Declarando um array

var bolas = new Array();
bolas[0] = 'Topper';
bolas[1] = 'Nike';
bolas[2] = 'Penalty';

alert(bolas[1]); // retorna Nike
alert(bolas.length); // retorna 3 

// for percorrendo todas as posições de um array.
for(i=0;i<bolas.length;i++){
alert(bolas[i]);
}

Observações

Repare que o Índice de um Array sempre começa de 0.
E que bolas.length retorna o número de elementos dentro do Array.
Sendo assim bolas.length – 1 vai retornar sempre o índice da última posição do Array.

Declarando array de forma mais simplificada

var bolas = new Array('Topper','Nike','Penalty');
alert(bolas[1]); // retorna Nike também

Arrays bidemensionais

Um array pode ter outro array dentro dele ( array bidemensional ):

var bolas = new Array();
bolas[0] = new Array('Topper','Amarela','Futebol','Capotão');
bolas[1] = new Array('Nike','Branca','Futsal','Couro');

// Também pode ser feito assim:
bolas[2] = new Array();
bolas[2][0] = 'Penalty';
bolas[2][1] = 'Azul';
bolas[2][2] = 'Voley';
bolas[2][3] = 'Fibra';

alert(bolas[1][2]); // retorna Futsal

Observações

Um array pode ter quantas dimensões for preciso.
bolas[2].length retorna quantos ítens existe no array bolas[2], no caso 4.

Veja a parte dois desse post

[]s

6 thoughts on “Manipulação de array em Javascript – Parte um, básico

  1. Fala Danilo, feliz Páscoa man .. Deus abençõe a vida de vcs ..

    po cara .. muito legal essa seguência de posts que vc se propõe a fazer..

    Interessante tb o fato de falar de dimensão da matriz antes mesmo das propriedades e metodos.

    Vou acompanhar, bacana mestre flw um abraço

  2. Pingback: Manipulação de array em Javascript - Parte dois, avançado | TidBits

  3. Porra, show de bola esse post!
    Era exatamente o que eu precisava saber.
    Kudos! :)

  4. Muito bacana esse post sobre os Arrays: já começou introduzindo o assunto com os loops for, trazendo assim possibilidades bem maiores de uso.

    Parabéns pelo post Danilo, e valeu por compartilhar seu conhecimento conosco!

  5. Estou utilizando o médoto post, exatamente este código:

    $.post(‘../Business/Pre/selecionaColaborador.pre.php’, {id: id}, function(valor){});

    Mas precisava que a variável ‘valor’ fosse um array, para receber de retorno um arrya, como faço isso?

Leave a Reply

Your email address will not be published. Required fields are marked *