(A13) LabMM3 - JavaScript - Arrays multidimensionais

JavaScript: métodos Array (cont.) + arrays^n

Carlos SantosLabMM 3 - NTC - DeCA - UAAula 13, 31-10-2012

JavaScript: objeto Array: métodos

• Os mais comuns... mas existem mais!Método Descriçãoconcat() 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 lengthhttp://www.w3schools.com/jsref/jsref_obj_array.asp

Array: métodos: slice()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write(fruits.slice(0,1) + "<br />");

document.write(fruits.slice(1) + "<br />");

document.write(fruits.slice(-2) + "<br />");

document.write(fruits);

// ??

// ??

// ??

// ??

Array: métodos: slice()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write(fruits.slice(0,1) + "<br />");

document.write(fruits.slice(1) + "<br />");

document.write(fruits.slice(-2) + "<br />");

document.write(fruits);

// Banana

// Orange,Apple,Mango

// Apple,Mango

// Banana,Orange,Apple,Mango

Array: métodos: sort()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write(fruits.sort());

// ??

Array: métodos: sort()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write(fruits.sort());

// Apple,Banana,Mango,Orange

Array: métodos: splice()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write("Added: " + fruits.splice(2,0,"Lemon") + "<br />");

document.write(fruits);

// Added:

// Banana,Orange,Lemon,Apple,Mango

Array: métodos: splice()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write("Removed: " + fruits.splice(2,1,"Lemon") + "<br />");

document.write(fruits);

// Removed: Apple

// Banana,Orange,Lemon,Mango

Array: métodos: splice()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write("Removed: " + fruits.splice(2,2,"Lemon") + "<br />");

document.write(fruits);

// Removed: Apple,Mango

// Banana,Orange,Lemon

Array: métodos: toString()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write(fruits.toString());

// Banana,Orange,Apple,Mango

Array: métodos: unshift()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write(fruits.unshift("Kiwi") + "<br />");

document.write(fruits.unshift("Lemon","Pineapple") + "<br />");

document.write(fruits);

// ??

// ??

// ??

Array: métodos: unshift()

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.write(fruits.unshift("Kiwi") + "<br />");

document.write(fruits.unshift("Lemon","Pineapple") + "<br />");

document.write(fruits);

// 5

// 7

// Lemon,Pineapple,Kiwi,Banana,Orange,Apple,Mango

Estuturas de dados ainda mais complexas :)

• E se um elemento de um array não for na realidade um elemento de tipo simples?

• Exemplo: O Nelo não pode guardar só o nome das suas gajas. Ele precisa guardar o número de telemóvel e o email!

var gajasNelo = new Array();

gajasNelo[0] = “Asdrubal, 961111111, asdrubal@gmail.com”;

gajasNelo[1] = “Porfirio, 931111111, porfirio@sapo.pt”;

gajasNelo[2] = “Zacarias, 911111111, zacarias@hotmail.com”;

Problemas com solução anterior?

• Elementos não são unidades de informação

• Acesso a unidades de informação não pode ser realizado de uma forma simples e sistemática

• “Voltamos ao problema de misturar alhos com bugalhos!”

• Então como resolver?

• Pista para nova solução: “Cada elemento de um array pode ter associado um tipo de dados complexo”

Arrays bidimensionais

Asdrubal 961111111 asdrubal@gmail.com

Porfirio 931111111 porfirio@sapo.pt

Zacarias 911111111 zacarias@hotmail.com

0

1

2

nome telefone email

gajasNelo

Arrays bidimensionais

Asdrubal 961111111 asdrubal@gmail.com

Porfirio 931111111 porfirio@sapo.pt

Zacarias 911111111 zacarias@hotmail.com

0

1

2

0 1 2

gajasNelo

Arrays bidimensionais

0

1

2

Asdrubal 961111111 asdrubal@gmail.com

0 1 2

Porfirio 931111111 porfirio@sapo.pt

0 1 2

Zacarias 911111111 zacarias@hotmail.com

0 1 2

gajasNelo

Arrays bidimensionais: declaração

var gajasNelo = new Array();

gajasNelo[0] = new Array("Asdrubal","961111111","asdrubal@gmail.com");

gajasNelo[1] = new Array("Porfirio","931111111","porfirio@sapo.pt");

gajasNelo[2] = new Array("Zacarias","911111111","zacarias@hotmail.com");

// Outra possibilidade

var gajasNelo = new Array();

gajasNelo[0] = ["Asdrubal","961111111","asdrubal@gmail.com"];

gajasNelo[1] = ["Porfirio","931111111","porfirio@sapo.pt"];

gajasNelo[2] = ["Zacarias","911111111","zacarias@hotmail.com"];

Arrays bidimensionais: declaração

// E ainda outra possibilidade

var gajasNelo = new Array();

gajasNelo[0] = new Array();

gajasNelo[0][0] = "Asdrubal";

gajasNelo[0][1] = "961111111";

gajasNelo[0][2] = "asdrubal@gmail.com";

gajasNelo[1] = new Array();

gajasNelo[1][0] = "Porfirio";

...

Arrays bidimensionais

gajasNelo

Asdrubal 961111111 asdrubal@gmail.com

Porfirio 931111111 porfirio@sapo.pt

Zacarias 911111111 zacarias@hotmail.com

0

1

2

0 1 2

alert(gajasNelo[1]); // ??

alert(gajasNelo[0][2]); // ??

alert(gajasNelo[2][1]); // ??

gajasNelo[1][0] = “Marcão”; // ??

gajasNelo[2][2] = gajasNelo[1][2]; // ??

alert(gajasNelo.length); // ??

alert(gajasNelo[1].length); // ??

Arrays multidimensionais

• Os princípios aplicados para a criação de um array bidimensional são válidos para um array de qualquer dimensão;

• num array bidimensional, cada elemento pode ser também um array, resultando num array tridimensional;

• e esta lógica pode continuar a ser aplicada...

• Raramente se recorre a arrays com mais do que 3 dimensões porque começam a ser demasiado complexos de visualizar e de difícil manutenção.

Arrays bidimensionais: exemplo

var tabuada = new Array();

for (var linha=1; linha<=10;linha++){

tabuada[linha]=new Array();

for (var coluna = 1; coluna<=10;coluna++){

tabuada[linha][coluna]=linha*coluna;

}

}

alert(tabuada[5][5]); // ??

alert(tabuada[0][5]); // ??