JavaScript - Objeto Array
Cristiano Pires Martins
Fonte: JavaScript: Guia do Programador - Maujor
Fundamentos
• Array é um objeto destinado a armazenar uma coleção ordenada de dados
indexados sequencialmente a partir de zero;
• Para criar um array:
• var meuArray = new Array( );
• Para popular um array:
• var meuArray = new Array(“casa”, “rio”, 5, “Jales”, 125);
• Cada elemento tem seu índice, começando por zero;
Fundamentos
• Arrays podem conter dados do tipo objeto:
• var outroArray = new Array(“casa”, “rio”, {x: 14, y: “mar”});
• Para ler:
• outroArray[2].x; ou outroArray[2][“x”];
• outroArray[2].y; ou outroArray[2][“y”];
Fundamentos
• Outra forma é criar e popular depois:
var a = new Array;
a[0] = 3.14159;
a[1] = “prego”;
a[2] = true;
a[3] = {nome: “Cristiano”, cidade: “Jales”};
Para ler:
a[0] //Retorna 3.14159
a[3].cidade //Retorna Jales
Propriedades do Construtor
• Construtor: é uma referência à função que cria o objeto;
• Prototype: permite adicionar novas propriedades e/ou métodos a um objeto
existente;
• Length: retorna a quantidade de elementos de um array;
var arr = new Array(1, 2, 3, “a”, “b”, “c”, {nome: “Cristiano”, cidade: “Jales”});
var x = arr.length; //O valor de x é sete
Métodos do objeto Array
• Concat(arg1, arg2, ..., argn)
var arr = [1, 2, “a”, “b”];
var a = arr.concat(“m”, 32); //resulta em a = [1, 2, “a”, “b”, “m”, 32];
• every(função(elem, ind, obj) [,thisObjeto])
var arr = [21, 3, 18, 290];
function funcaoUm(elem, ind, obj){
return (typeof elem == “number”);
}
var x = arr.every(funcaoUm);
alert(x); //retorna true, todos os elementos são números
Até o Internet Explorer 8 não funciona esse método!
Mas existem funções que fazem funcionar.
Métodos do objeto Array
• filter (função(elem, ind, obj) [,thisObjeto])
var arr = [21, 3, 18, “a”, 290, “b”, 7]; var arr = [21, 3, 18, “a”, 290, “b”, 7];
function filtrarArray(elem, ind, obj){ function filtrarArray(elem, ind, obj){
return (elem >= 18); return (ind < 4);
} }
var x = arr.filter(filtrarArray); var x = arr.filter(filtrarArray);
alert(x); //retorna [21, 18, 290] alert(x); //retorna [21, 3, 18, “a”]
var arr = [21, 3, 18, “a”, 290, “b”, 7];
function filtrarArray(elem, ind, obj){
return (typeof elem == “string”);
}
var x = arr.filter(filtrarArray);
alert(x); //retorna [“a”,”b”]
Métodos do objeto Array
• forEach(função(elem, ind, obj) [,thisObjeto])
var arr = [21, 3, 18, “a”, 290, “b”, 7];
var msg = “”;
function funcaoUm(elem, ind, obj){
msg += “arr[“ + ind + “] = “ + elem + “\n”;
}
arr.forEach(funcaoUm);
alert(msg);
Métodos do objeto Array
• indexOf(elemento, [arg2, true ou false])
var arr = [1, 2, “a”, “b”, “2”, “c”, 1, “a”, “45”];
var a = arr.indexOf(“b”); //retorna 3
var b = arr.indexOf(“a”); //retorna 2
var c = arr.indexOf(23); //retorna -1
var d = arr.indexOf(2); //retorna 1
var e = arr.indexOf(45); //retorna -1
var arr = [1, 2, “a”, “b”, “2”, “c”, 1, “a”, “45”];
var a = arr.indexOf(1); //retorna 0 - índice do primeiro elemento 1 no array
var b = arr.indexOf(1,2); //retorna 6 - índice do primeiro elemento 1 no array
//começando a busca no terceiro elemento
var arr = [1, 2, “a”, “b”, “2”, “c”, 1, “a”, “45”];
var a = arr.indexOf(45); //retorna -1 - não existe o número 45 no array
Métodos do objeto Array
• lastIndexOf(elemento, [arg2, true ou false])
var arr = [1, 2, “a”, “b”, “2”, “c”, 1, “a”, “45”];
var a = arr.indexOf(“a”); //retorna 2
var b = arr.lastIndexOf(“a”); //retorna 7
• join([arg])
var arr = [1, 2, “a”, “b”];
var a = arr.join( ); //resulta na string a = “1,2,a,b”
var b = arr.join(“ - ”); //resulta na string a = “1 - 2 - a - b”
var c = arr.join(“*”); //resulta na string a = “1*2*a*b”
Métodos do objeto Array
• map(função(elem, ind, obj) [,thisObjeto])
var arr = [21, 3, 18, 290];
function funcaoUm(elem, ind, obj){
return (elem = elem*10);
}
var x = arr.map(funcaoUm);
alert(x); //retorna [210, 30, 180, 2900]
• pop( ): remove o último elemento de um array e retorna o valor que foi
removido;
var arr = [1, 2, “a”, “b”];
var a = arr.pop( ); //resulta em a = “b” e arr.length = 3
Métodos do objeto Array
• push(arg1, arg2, ..., argn): acrescenta os argumentos no final de um array e
retorna a nova quantidade de elementos no array;
var arr = [1, 2, “a”, “b”];
var a = arr.push(5, 6, 7, “m”); //resulta em a = 8
//arr = [1, 2, “a”, “b”, 5, 6, 7, “m”]
• reduce(função(v1, v2, ind, arr)[,vInicial]): reduz a um único resultado usando a
operação da função. No caso do exemplo 2, acrescenta 100 ao resultado
var arr = [1, 4, 7, 15]; var arr = [1, 4, 7, 15];
funcaoUm = function(v1,v2,ind,arr){ funcaoDois = function(v1,v2,ind,arr){
return v1+v2; return v1+v2;
} }
var x = arr.reduce(funcaoUm); var x = arr.reduce(funcaoDois,100);
alert(x); alert(x);
Métodos do objeto Array
• reduceRight(função(v1, v2, ind, arr)[,vInicial]): funciona de modo semelhante
ao reduce, com a diferença que a função percorre o array do último elemento
para o primeiro;
• reverse( ): inverte a ordem dos elementos de um array;
var arr = [1, 2, “a”, “b”];
arr.reverse( ); //resulta arr = [“b”, “a”, 2, 1]
alert(arr);
• shift( ): remove o primeiro elemento de um array e retorna o valor que foi
removido;
var arr = [1, 2, “a”, “b”];
var a = arr.shift( ); //resulta em a = 1 e arr.length = 3
Métodos do objeto Array
• slice(arg1 [,arg2]): retorna um subarray do array. Admite um ou dois
argumentos que definem o índice inicial e o final do subarray a extrair:
• Diretrizes:
• Extrai o subarray desde o elemento definido no arg1, mas não inclui
o arg2;
• Se não definir o arg2, extrai desde o arg1 e vai até o final;
• Argumentos negativos revertem o início de contagem do índice para
o último elemento.
var arr = [1, 2, 3, 4, “a”, “b”, “c”];
var a = arr.slice(2, 5); //resulta em a = [3, 4, “a”]
var a = arr.slice(3); //resulta em a = [4, “a”, “b”, “c”]
var a = arr.slice(-5, 6); //resulta em a = [3, 4, “a”, ”b”]
var a = arr.slice(-6, -4); //resulta em a = [2, 3]
Métodos do objeto Array
• some (função(elem, ind, obj) [,thisObjeto])
var arr = [21, 3, 18, “a”, 290];
function funcaoUm(elem, ind, obj){
return (typeof elem == “string”);
}
var x = arr.some(funcaoUm);
alert(x); //retorna true, pois existe pelo menos 1 elemento string no array
var arr = [21, 3, 18, 290];
function funcaoDois(elem, ind, obj){
return (typeof elem == “string”);
}
var x = arr.some(funcaoDois);
alert(x); //retorna false, pois não existe 1 elemento string no array
Métodos do objeto Array
Os métodos listados a seguir foram implementados na versão JavaScript 1.8 da linguagem e estão previstos na
especificação ECMA-262. Esses métodos ainda não estão implementados em todos os navegadores modernos.
• sort([funcao]): destina a ordenar os elementos de um array. Havendo
número, serão transformados em strings para determinar a ordem,
resultado em ordenação não numérica;
var arr = [“maçã”, “laranja”, “limão”, “abacate”, “banana”];
arr.sort( );
var arrUm = [2, 128, 34, 111];
arrUm.sort( );
alert(arr);
alert(arrUm);
var arr = [2, 128, -32, 47, 34, 111, -67];
arr.sort(function(a,b){ para ordenar decrescente, basta fazer
no corpo da função: return b - a;
return a-b;
}); //resulta em arr = [-67, -32, 2, 34, 47, 111, 128]
Matriz em Javascript
function createMatrix(x,y){
mt = new Array();
for(i=0; i<x; i++){
mt[i] = new Array();
for(j=0; j<y; j++){
mt[i][j] = -1;
}
}
return mt;
}
my_matrix = createMatrix(10,10);
my_matrix[2][3] = 'Olá';
alert(my_matrix[2][3]);
Fonte: Portifólio de Rafael Sant’Ana
rafaelsantana.blog.com
