JavaScript - Objectos e Arrays

JavaScript - Objectos e Arrays

• 1.
  JavaScriptProgramação Web, 2018 @50inha
• 2.
  Função callback Objectos: ● Introdução& criação de objectos ● Construtor de objetos ● Adicionando métodos Arrays: ● Declarando arrays ● Propriedades e métodos dos arrays ● Arrays associativos
• 3.
  Objetos
• 4.
  Funções Callback Uma funçãocallback é uma função passada para outra função como parâmetro, que é então invocado dentro da função externa para completar algum tipo de rotina ou ação. function greeting(name) { alert('Hello ' + name); } function processUserInput(callback) { var name = prompt('Please enter your name.'); callback(name); } processUserInput(greeting); //chamanda
• 5.
  Objectos (Introdução) Objetos sãovariáveis que contêm muitos valores. var person = { name: "John", age: 31, favColor: "green", height: 183 }; Você pode acessar as propriedades de um objeto de duas maneiras. var x = person.age; var y = person['age'];
• 6.
  Construtor de objectos Àsvezes, precisamos definir um "molde" que pode ser usado para criar vários objetos de um único tipo function person(name, age, color) { this.name = name; this.age = age; this.favColor = color; } Criando objectos: var p1 = new person("John", 42, "green"); var p2 = new person("Amy", 21, "red"); document.write(p1.age); // Outputs 42 document.write(p2.name); // Outputs "Amy"
• 7.
  Adicionando métodos Um métodoé uma função pertencente a um objeto. function person(name, age) { this.name = name; this.age = age; this.changeName = function (name) { this.name = name; } } var p = new person("David", 21); p.changeName("John"); //Now p.name equals to "John" Use a seguinte sintaxe para criar um método de objeto: methodName : function() { code lines } Acesse um método de objeto usando a seguinte sintaxe: objectName.methodName()
• 8.
  Arrays
• 9.
  Arrays Arrays armazenam váriosvalores em uma única variável. var courses = new Array("HTML", "CSS", "JS"); Ou var courses = ["HTML", "CSS", "JS"]; Ou var courses = new Array(); courses[0] = "HTML"; courses[1] = "CSS"; courses[2] = "JS"; courses[3] = “C++”; Você obtém um elemento do vector referindo-se ao índice escrito entre colchetes. var course = courses[0]; // HTML courses[1] = "C++"; //Changes the second element document.write(courses[10]); //Outputs "undefined"
• 10.
  Propriedade de arrays Apropriedade lenght ● Retorna o número de elementos do arrays: var courses = ["HTML", "CSS", "JS"]; document.write(courses.length); //Outputs 3 Concatenando arrays ● O método concat() permite unir arrays e retorna um novo arrays: var c1 = ["HTML", "CSS"]; var c2 = ["JS", "C++"]; var courses = c1.concat(c2);
• 11.
  Arrays associativos JavaScript nãosuporta arrays associativos. Este assunto é tratado como sendo objectos: var person = []; //empty array person["name"] = "John"; person["age"] = 46; document.write(person["age"]); //Outputs "46" Array person é tratado como um objeto, os métodos e propriedades de arrays padrão produzirão resultados incorretos. Por exemplo, person.length retornará 0.
• 12.
  Done