Arrays indexados são arrays que ao ser adicionado um elemento, este recebe uma posição dentro do array. A posição inicial do Array é 0, por padrão. Todos os elementos dentro de um array estão armazenados dentro de um conjunto de chave e valor. Exemplo: verde está na chave 0, com o valor verde.
No javaScript:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco" );
alert( cores [2]);
/*recupera o elemento na posição estipulada dentro dos colchetes nesse caso vermelho.*/
Resultado: vermelho
No javaScript:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco" );
cores[2] = "VERMELHO";
alert( cores [2]);
/*troca o elemento na posição estipulada dentro dos colchetes, nesse caso vermelho.*/
Resultado: VERMELHO
No javaScript:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco");
cores[2] = "VERMELHO";
alert( cores);
/*apresenta a lista de elementos do array, e nesse caso o terceiro
elemento, vermelho, muda para VERMELHO.*/
Resultado: verde, amarelo, VERMELHO, preto, branco
No javaScript:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco" );
cores[2] = "VERMELHO";
alert( cores.length);
/*mostra quantos elementos tem o array.*/
Resultado: 5
No javaScript:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco" );
for(var i=0; i<cores.length; i++)
alert(cores[i]);
alert( cores.length);/*mostra quantos elementos tem o array.*/
Resultado: verde
Resultado: amarelo
Resultado: vermelho
Resultado: preto
Resultado: branco
Resultado: 5
No javaScript:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco");
alert(cores.indexOf("preto"));
/*mostra quantos elementos tem o array.*/
Resultado: 3
No javaScript:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco", "preto" );
alert( cores.lastIndexOf("preto"));
/*mostra a última posição do elemento dentro do array.*/
Resultado: 5
Os arrays podem ser criados da forma tradicional, assim:
var cores = new Array("verde", "amarelo", "vermelho", "preto", "branco", "preto" );
/*var cores = new Array(); pode ser sem a declaração de parâmetros*/
Ou podem ser criados com a sintaxe literal: var cores = ["verde", "amarelo", "vermelho", "preto", "branco"];
/*dentro de colchetes*/
Ao criar uma string pode-se usar a forma tradicional var S = new String ("ssss");
ou a forma literal var s = "sssss";
Existe uma diferença entre criar um array com a sintaxe literal e a criação de uma string com a sintaxe literal.
Ao criar uma string com a sintaxe literal é criado um tipo primitivo de dado. E da forma tradicional um objeto.
Com o array isso não acontece. Ao criar um array com a sintaxe literal, realmente um objeto do tipo array, está sendo criado.
No javaScript:
var s ="café";
alert (s [2]);
Resultado: f
Pode-se também inicializar o array, sem inicializar o construtor. Para isso adiciona-se a cada uma das posições, os elementos.
No javaScript:
var cores = new Array();
cores[0] = "branco";
cores[1] = "verde";
cores[2] = "roxo"
cores[3] = "amarelo"
alert(cores);
Resultado: branco, verde, roxo, amarelo
/*Reverte a ordem do array*/
No javaScript:
var cores = ["verde", "amarelo", "vermelho", "preto", "branco"];
alert (cores.reverse());
Resultado: branco, preto, vermelho, amarelo, verde
A função sort possui a finalidade, de ordenar os elementos do array em ordem alfabética.
No javaScript:
var cores = ["verde", "amarelo", "vermelho", "preto", "branco"];
alert (cores.sort());
Resultado: amarelo, branco, preto, verde, vermelho
/*A função join serve para modificar o separador padrão. O elementos do array nesse caso foram separados com
vírgula. Usando o método join pode-se mudar para ponto e vírgula, espaço, sendo um, dois, três, ou mais espaços*/
No javaScript:
var cores = ["verde", "amarelo", "vermelho", "preto", "branco"];
alert (cores.join(";"))
Resultado: amarelo; branco; preto; verde; vermelho
No javaScript:
var cores = ["verde", "amarelo", "vermelho", "preto", "branco"];
alert (cores.join(" "));
Resultado: amarelo branco preto verde vermelho
A função concat, faz com que os elementos do método sejam adicionados ao array.
No javaScript:
var cores = ["verde", "amarelo", "vermelho", "preto", "branco"];
alert (cores.concat("roxo", "azul"));
Resultado: amarelo, branco, preto, verde, vermelho, roxo, azul
A função slice, retorna um subarray do array principal.
No javaScript:
var nomes = ["Filipe", "Antônio", "Adalgisa", "Dayanne", "Moises", "Filomena", "Harrison"];
/*pode receber um ou dois parâmetros, nesse caso o parâmetro, traz o retorno a partir do índice 2*/
alert (nomes.slice(2));
Resultado: Adalgisa, Dayanne, Moises
No javaScript:
var nomes = ["Filipe", "Antônio", "Adalgisa", "Dayanne", "Moises", "Filomena", "Harrison"];
/*alert (nomes.slice(2,5));retorna do índice 2 ao 5*/
Resultado: Adalgisa, Dayanne, Moises
No javaScript:
var nomes = ["Filipe", "Antônio", "Adalgisa", "Dayanne", "Moises", "Filomena","Harrison"];
/*remove elementos em um array e adiciona outros no lugar*/
alert (nomes.splice(2,2, "Israel", "Netinho", "Caroline"));
alert (nomes);
Resultado: (foram removidos) Adalgisa, Dayanne e adicionados Israel, Netinho, Caroline
Resultado: Filipe, Antônio, Israel, Netinho, Caroline, Moisés, Filomena, Harrison
adiciona elementos no final de um array
Siginificado: for in, for out, o primeiro a entrar é o primeiro a sair.
Adiciona elementos no final do array
No javaScript:
var nomes = ["Filipe", "Antônio", "Adalgisa", "Dayanne", "Moises", "Filomena","Harrison"];
/*adiciona elementos no final de um array*/
alert (nomes.push("Cleitiane"));
alert (nomes);
Resultado: 8 /*número de elementos do array*/
Resultado: Filipe, Antônio, Adalgisa, "Dayanne", Moises, Filomena, Harrison, Cleitiane;
remove o primeiro elemento da fila
No javaScript:
var nomes = ["Filipe", "Antônio", "Adalgisa", "Dayanne", "Moises", "Filomena","Harrison"];
alert (nomes.push("Cleitiane"));/*adiciona um novo elemento ao fim da fila*/
alert (nomes);
alert (nomes.shift())/*remove o primeiro elemento da fila*/;
alert (nomes);
Resultado: 8
Resultado: Filipe, Antônio, Adalgisa, Dayanne, Moises, Filomena, Harrison, Cleitiane;
Resultado: Filipe /*removido da fila*/
Resultado: Antônio, Adalgisa, Dayanne, Moises, Filomena, Harrison, Cleitiane
Remove o último elemento da fila
No javaScript:
var nomes = ["Filipe", "Antônio", "Adalgisa", "Dayanne", "Moises", "Filomena","Harrison"];
alert (nomes);
alert (nomes.shift());/*remove o primeiro elemento da fila*/
alert(nomes);
alert (nomes.pop ());/*remove o último elemento da fila*/
alert(nomes);
Resultado: Filipe, Antônio, Adalgisa, Dayanne, Moises, Filomena, Harrison;
Resultado: Filipe /*removido da fila*/
Resultado: Antônio, Adalgisa, Dayanne, Moises, Filomena, Harrison;
Resultado: Harrison /*último, removido da fila*/
Resultado: Antônio, Adalgisa, Dayanne, Moises, Filomena
Adiciona um elemento ao início da fila
No javaScript:
var nomes = ["Filipe", "Antônio", "Adalgisa", "Dayanne", "Moises", "Filomena","Harrison"];
alert (nomes);
alert (nomes.unshift("Adalgisa Senhora idosa"));
/*adiciona elemento ao início da fila*/;
alert (nomes);
Resultado: 8
Resultado: Adalgisa Senhora idosa, Antônio, Adalgisa, Dayanne, Moises, Filomena
Lembrete: O objeto Array é um repositório de outros objetos. Lugar para armazenar uma coleção de objetos de forma indexada.
No javaScript:
var nomes = new Array();
nomes[0] = new Array("Filipe", "M")
alert (nomes[0] [1]);/*acessa o segundo elemento do array/;
Resultado: M
No javaScript:
var nomes =
[
[["BenefícioFácil", "Programador"], "M"],
["Adalgisa", "F"]
];
alert (nomes[0][0][0]);/*acessa o primeiro elemento do primeiro array*/;
alert (nomes[0][1][0]);/*acessa o segundo elemento do primeiro array*/;
alert (nomes[0][0][1]);/*acessa o terceiro elemento do primeiro array*/;
Resultado: BenefícioFácil
Resultado: M
Os arrays associativos são construídos com chaves.
No javaScript:
var animal = {nome: "gato", cor: "branco", raça:"angorá"};
/*arrays associativos, usar chaves*/
/*acessando através da variável*/
alert(animal.nome);
/*outra forma de acesso: Pelo nome da informação desejada*/
alert(animal["nome"]);
Resultado: gato
Resultado: gato
Retorna o valor falso, se todos os elementos não forem do tipo string.
No javaScript:
var animal = ["gato", "cachorro", "macaco"];
function todos(elem, ind, obj){
return (typeof elem == "string");
}
alert(animal.every(todos));
Resultado: true
Exemplo de retorno falso, os elementos não são todos do tipo string.
No javaScript:
var animal = ["gato", "cachorro", "macaco", 50];
function todos(elem, ind, obj){
return (typeof elem == "string");
}
alert(animal.every(todos));
Resultado: false
Retorna o verdadeiro se pelo menos um elemento satisfazer a função.
No javaScript:
var animal = ["gato", "cachorro", "macaco" 50];
function todos(elem, ind, obj){
return (typeof elem == "number");
}
alert(animal.some(todos));
Resultado: true
Retorna um array resultante de um filtro, que foi baseado numa função estipulada .
Pode-se filtrar todas as palavras que tenham por exemplo, as letras ato
No javaScript:
var animal = ["gato", "cahorro", "macaco", "pato"];
function todos(elem, ind, obj){
return (elem.indexOf ("ato") > 0);
}
alert(animal.filter(todos));
Resultado: gato pato
aAltera os elementos Retorna um array resultante de um filtro, que foi baseado numa função estipulada .
Pode-se filtrar todas as palavras que tenham por exemplo, as letras ato
1º) exemplo:
No javaScript:
var animal = ["gato", "cahorro", "macaco", "pato"];
function todos(elem, ind, obj){
return (elem = elem.toUpperCase( ));
}
alert(animal.map(todos));
Resultado: GATO CACHORRO MACACO PATO
2º) exemplo:
No javaScript:
var animal = ["gato", "cahorro", "macaco", "pato"];
function todos(elem, ind, obj){
return (elem += "grande");
/*adiciona a cada elemento do array a palavra grande ou qualquer outra.*/
}
alert(animal.map(todos));
Resultado:gatogrande, cachorrogrande, macacogrande, patogrande