LabMM3 - Aula teórica 11

23
JavaScript: Métodos e arrays^n Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 11, 31-10-2011

description

Revisão dos métodos do objecto Array em Javascript. Os exemplos apresentados foram retirados do w3schools.

Transcript of LabMM3 - Aula teórica 11

Page 1: LabMM3 - Aula teórica 11

JavaScript: Métodos e arrays^n

Carlos SantosLabMM 3 - NTC - DeCA - UAAula 11, 31-10-2011

Page 2: LabMM3 - Aula teórica 11

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

Page 3: LabMM3 - Aula teórica 11

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

Page 4: LabMM3 - Aula teórica 11

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 "));

// ??

// ??

// ??

Page 5: LabMM3 - Aula teórica 11

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

Page 6: LabMM3 - Aula teórica 11

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);

// ??

// ??

// ??

// ??

Page 7: LabMM3 - Aula teórica 11

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

Page 8: LabMM3 - Aula teórica 11

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);

// ??

// ??

// ??

Page 9: LabMM3 - Aula teórica 11

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

Page 10: LabMM3 - Aula teórica 11

Array: métodos: reverse()

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

document.write(fruits.reverse());

// ??

Page 11: LabMM3 - Aula teórica 11

Array: métodos: reverse()

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

document.write(fruits.reverse());

// Mango,Apple,Orange,Banana

Page 12: LabMM3 - Aula teórica 11

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);

// ??

// ??

// ??

// ??

Page 13: LabMM3 - Aula teórica 11

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

Page 14: LabMM3 - Aula teórica 11

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);

// ??

// ??

// ??

// ??

Page 15: LabMM3 - Aula teórica 11

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

Page 16: LabMM3 - Aula teórica 11

Array: métodos: sort()

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

document.write(fruits.sort());

// ??

Page 17: LabMM3 - Aula teórica 11

Array: métodos: sort()

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

document.write(fruits.sort());

// Apple,Banana,Mango,Orange

Page 18: LabMM3 - Aula teórica 11

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

Page 19: LabMM3 - Aula teórica 11

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

Page 20: LabMM3 - Aula teórica 11

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

Page 21: LabMM3 - Aula teórica 11

Array: métodos: toString()

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

document.write(fruits.toString());

// Banana,Orange,Apple,Mango

Page 22: LabMM3 - Aula teórica 11

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);

// ??

// ??

// ??

Page 23: LabMM3 - Aula teórica 11

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