Como criar e manipular Arrays pelo Javascript utilizando métodos e propriedades nativas.
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