Your SlideShare is downloading. ×
0
JavaScript: Objecto Array() e arrays^nCarlos SantosLabMM 3 - NTC - DeCA - UAAula 12, 26-10-2012
Arrays: operações base: leitura• Escrita • var elemento = nomeArray[índice];• Exemplos • var letraEscolhida = arrayLetras[...
De regresso às resmas de gajas do Nelo• Criar um array para ajudar o Nelo a guardar o nome das gajas atuais:  Asdrubal, Po...
De volta às resmas de gajas do Nelo• O Nelo é muito esquecido e por isso temos de gerar uma mensagem de  alerta que diga: ...
Sistematizar o acesso a um array var msg = “Nelo, mulher, as tuas gajas são: “; msg = msg + gajasNelo[0] + “, “; msg = msg...
Estrutura de repetição: for-in    variável que no decorrer da   execução do ciclo vai tomar   todos os valores dos índices...
Estrutura de repetição: for-in (exemplo) var msg = “Nelo, mulher, as tuas gajas são: “; for (cont = 0; cont <= gajasNelo.l...
Informação e métodos úteis num Array()• Quantos elementos tem o array neste momento?• Como adicionar um elemento no final d...
Objetosno dia-a-diaUm objeto é uma “coisa”definida por um conjunto de:propriedades- modelo- espaçoDeArmazenamentométodos/fu...
Objetos em programação (versão light)• são também uma “coisa” definida por um conjunto de propriedades e  métodos que podem...
Operador new• Instanciação de um array • var nomeArray = new Array();      classe Array()               objeto nomeArray  ...
JavaScript: objeto Array: propriedades• length: devolve o número atual de elementos de um array // Exemplo: Versão alterad...
JavaScript: objeto Array: métodos• Os mais comuns... mas existem mais!    Método                                        De...
Array: métodos: concat() var parents = ["Jani", "Tove"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(c...
Array: métodos: concat() var parents = ["Jani", "Tove"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(c...
Array: métodos: join() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.join() + "<br />"); docu...
Array: métodos: join() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.join() + "<br />"); docu...
Array: métodos: pop() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.pop() + "<br />"); docume...
Array: métodos: pop() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.pop() + "<br />"); docume...
Array: métodos: push() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.push("Kiwi") + "<br />")...
Array: métodos: push() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.push("Kiwi") + "<br />")...
Array: métodos: reverse() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.reverse()); // ??
Array: métodos: reverse() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.reverse()); // Mango,...
Array: métodos: shift() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.shift() + "<br />"); do...
Array: métodos: shift() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.shift() + "<br />"); do...
Upcoming SlideShare
Loading in...5
×

(A12) LabMM3 - JavaScript - Arrays

645

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
645
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
101
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "(A12) LabMM3 - JavaScript - Arrays"

  1. 1. JavaScript: Objecto Array() e arrays^nCarlos SantosLabMM 3 - NTC - DeCA - UAAula 12, 26-10-2012
  2. 2. Arrays: operações base: leitura• Escrita • var elemento = nomeArray[índice];• Exemplos • var letraEscolhida = arrayLetras[1]; //?? “a” • alert(arrayLetras[0]); //?? “x” “c” • arrayLetras[1] = arrayLetras[2]; //?? “d” undefined “z”
  3. 3. De regresso às resmas de gajas do Nelo• Criar um array para ajudar o Nelo a guardar o nome das gajas atuais: Asdrubal, Porfirio e Zacarias: var gajasNelo = new Array(“Asdrubal”,“Porfirio”,“Zacarias”); 0 “Asdrubal” 1 “Porfirio” 2 “Zacarias”• O Nelo chateou-se com o Asdrubal e arranjou logo o “Jair” para o substituir. Pelo meio ainda ficou com o “Marcão”: gajasNelo[0] = “Jair”; 0 “Jair” gajasNelo[3] = “Marcão”; 1 “Porfirio” 2 “Zacarias” 3 “Marcão”
  4. 4. De volta às resmas de gajas do Nelo• O Nelo é muito esquecido e por isso temos de gerar uma mensagem de alerta que diga: • “Nelo, mulher, as tuas gajas são: ..., ..., ..., ...” var msg = “Nelo, mulher, as tuas gajas são: “; msg = msg + gajasNelo[0] + “, “; 0 “Jair” msg = msg + gajasNelo[1] + “, “; 1 “Porfirio” msg = msg + gajasNelo[2] + “, “; 2 “Zacarias” msg = msg + gajasNelo[3]; 3 “Marcão” alert (msg); //??
  5. 5. Sistematizar o acesso a um array var msg = “Nelo, mulher, as tuas gajas são: “; msg = msg + gajasNelo[0] + “, “; msg = msg + gajasNelo[1] + “, “; msg = msg + gajasNelo[2] + “, “; msg = msg + gajasNelo[3]; alert (msg); //?? // Versão com ciclo for var msg = “Nelo, mulher, as tuas gajas são: “; for (cont = 0; cont <=3; cont++) { msg = msg + gajasNelo[cont] + “, “; } alert (msg); // Será que o resultado final é exatamente igual?
  6. 6. Estrutura de repetição: for-in variável que no decorrer da execução do ciclo vai tomar todos os valores dos índices do objeto array que se pretende iterar todos os elementos for ( index in nomeArray ) { // código a executar }
  7. 7. Estrutura de repetição: for-in (exemplo) var msg = “Nelo, mulher, as tuas gajas são: “; for (cont = 0; cont <= gajasNelo.length - 1; cont++) { msg = msg + gajasNelo[cont] + “, “; } alert (msg); // versão com for-in var gajasNelo = new Array("Jair", "Marcolino", "Marco"); for (var indexGaja in gajasNelo) { msg = msg + gajasNelo[indexGaja] + ", "; } alert (msg);
  8. 8. Informação e métodos úteis num Array()• Quantos elementos tem o array neste momento?• Como adicionar um elemento no final de um array?• Como adicionar um elemento no início de um array?• Como apagar um elemento do array e não deixar um espaço vazio?• ...
  9. 9. Objetosno dia-a-diaUm objeto é uma “coisa”definida por um conjunto de:propriedades- modelo- espaçoDeArmazenamentométodos/funções- ligar(nr. telefone)- play(album)
  10. 10. Objetos em programação (versão light)• são também uma “coisa” definida por um conjunto de propriedades e métodos que podem ser reutilizados livremente na execução de um programa.• as características de um objeto são definidas pela sua classe, que podem ser: • built-in • user defined• a instanciação de um novo objeto é conseguida através da invocação do operador new.
  11. 11. Operador new• Instanciação de um array • var nomeArray = new Array(); classe Array() objeto nomeArray propriedades Array new propriedades Array métodos Array métodos Array
  12. 12. JavaScript: objeto Array: propriedades• length: devolve o número atual de elementos de um array // Exemplo: Versão alterada com ciclo for var msg = “Nelo, mulher, as tuas gajas são: “; for (cont = 0; cont <= gajasNelo.length - 1; cont++) { msg = msg + gajasNelo[cont] + “, “; } alert (msg); 0 “Jair” 1 “Porfirio” gajasNelo.length -> 4 2 “Zacarias” 3 “Marcão”
  13. 13. JavaScript: objeto Array: métodos• Os mais comuns... mas existem mais! Método Descrição concat() Joins two or more arrays, and returns a copy of the joined arrays join() Joins all elements of an array into a string pop() Removes the last element of an array, and returns that element push() Adds new elements to the end of an array, and returns the new length reverse() Reverses the order of the elements in an array shift() Removes the first element of an array, and returns that element slice() Selects a part of an array, and returns the new array sort() Sorts the elements of an array splice Adds/Removes elements from an array toString() Converts an array to a string, and returns the result unshift() Adds new elements to the beginning of an array, and returns the new length http://www.w3schools.com/jsref/jsref_obj_array.asp
  14. 14. Array: métodos: concat() var parents = ["Jani", "Tove"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(children); document.write(family); // ?? var parents = ["Jani", "Tove"]; var brothers = ["Stale", "Kai Jim", "Borge"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(brothers, children); document.write(family); // ?? Os exemplos desta secção são retirados do w3schools
  15. 15. Array: métodos: concat() var parents = ["Jani", "Tove"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(children); document.write(family); // Jani,Tove,Cecilie,Lone var parents = ["Jani", "Tove"]; var brothers = ["Stale", "Kai Jim", "Borge"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(brothers, children); document.write(family); // Jani,Tove,Stale,Kai Jim,Borge,Cecilie,Lone
  16. 16. Array: métodos: join() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.join() + "<br />"); document.write(fruits.join("+") + "<br />"); document.write(fruits.join(" and ")); // ?? // ?? // ??
  17. 17. Array: métodos: join() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.join() + "<br />"); document.write(fruits.join("+") + "<br />"); document.write(fruits.join(" and ")); // Banana,Orange,Apple,Mango // Banana+Orange+Apple+Mango // Banana and Orange and Apple and Mango
  18. 18. Array: métodos: pop() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.pop() + "<br />"); document.write(fruits + "<br />"); document.write(fruits.pop() + "<br />"); document.write(fruits); // ?? // ?? // ?? // ??
  19. 19. Array: métodos: pop() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.pop() + "<br />"); document.write(fruits + "<br />"); document.write(fruits.pop() + "<br />"); document.write(fruits); // Mango // Banana,Orange,Apple // Apple // Banana,Orange
  20. 20. Array: métodos: push() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.push("Kiwi") + "<br />"); document.write(fruits.push("Lemon","Pineapple")+"<br />"); document.write(fruits); // ?? // ?? // ??
  21. 21. Array: métodos: push() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.push("Kiwi") + "<br />"); document.write(fruits.push("Lemon","Pineapple")+"<br />"); document.write(fruits); // 5 // 7 // Banana,Orange,Apple,Mango,Kiwi,Lemon,Pineapple
  22. 22. Array: métodos: reverse() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.reverse()); // ??
  23. 23. Array: métodos: reverse() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.reverse()); // Mango,Apple,Orange,Banana
  24. 24. Array: métodos: shift() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.shift() + "<br />"); document.write(fruits + "<br />"); document.write(fruits.shift() + "<br />"); document.write(fruits); // ?? // ?? // ?? // ??
  25. 25. Array: métodos: shift() var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.shift() + "<br />"); document.write(fruits + "<br />"); document.write(fruits.shift() + "<br />"); document.write(fruits); // Banana // Orange,Apple,Mango // Orange // Apple,Mango
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×