Javascript Array – Manipulando Arrays com o Javascript

Como criar e manipular Arrays pelo utilizando métodos e propriedades nativas.

trabalhando com javascript array

Javascript Array

Exemplo da declaração de um Array: (método literal)

var avioes = ["f15", "f18", "f22", "f35"];

Outra forma de declarar um array já com os seus items

var tanques = new Array("leopar2a6", "abrams", "t90");

Ambas as formas irão gerar o mesmo resultado, sendo a primeira (método literal) a mais aconselhada.

Como acessar os elementos do Array

Você deverá passar o indice do elemento que você deseja.

var tanques = new Array("leopar2a6", "abrams", "t90");

var aux = tanques[1];

console.log(aux);

Caso o índice informado esteja vazio, será retornado o valor “undefined”.

Quantidade de items em um array

Para isso utilize a propriedade “length”.

console.log( tanques.length );

// 4

Percorrendo todos os elementos

var size = avioes.length;

for (i = 0; i < size; i++) {
    text += "<span>" + avioes[i] + "</san>";
}

Como adicionar um elemento

Utilize o método push();

tanques.push("brastemp");

// ou você também pode fazer isso utilizando o length

tanques[tanques.length] = "brastemp";

Como remover um elemento do array

Para remover um item do array iremos utilizar a função splice().

Com método indexOf(), localizamos o índice do elemento que desejamos remover.

var array_temp = [2, 5, 9];

var idx = array_temp.indexOf(5);

Se o indice retornado for diferente de -1, executamos a função no Array.

if (idx > -1) {
    array_temp.splice(idx , 1);
}

Método slice() para retornar uma parte do Array

Utilizando o método slice() é possível retornar todos os elementos que estão entre os índice inicial e final.

var array_aux = [1, 2, 3, 4, 5, 6];
array_aux = array_aux .slice(0, 2);

console.log(array_aux);

Conteúdo relacionado:

Array associativo no Javascript, como funciona e suas limitações

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *