Objetos JS

Notação literal de objeto

var sister = {
  name: "Sarah", 
  age: 23,
  parents: [ "alice", "andy" ],
  siblings: ["julia"],
  favoriteColor: "purple",
  pets: true
};

A sintaxe que você vê acima é chamada notação literal de objeto. Há algumas coisas importantes de que você precisa se lembrar quando está estruturando um objeto literal:

• A "chave" (representando o nome da propriedade ou método) e seu "valor" são separados de cada um por dois pontos
• Os pares chave: valor são separados de cada um por vírgulas
• O objeto inteiro é colocado dentro de chaves { }.

E, assim como você pode procurar por uma palavra no dicionário para encontrar sua definição, a chave em um par chave:valor permite que você busque uma informação sobre um objeto. Aqui estão alguns exemplos de como você pode recuperar informações sobre os pais da minha irmã usando o objeto criado por você.

// duas maneiras equivalentes de usar a chave para retornar seu valor
sister["parents"] // retorna [ "alice", "andy" ]
sister.parents // também retorna ["alice", "andy"]

O uso de sister["parents"] é chamado de notação de colchetes (por causa dos colchetes!) e o uso de sister.parents é chamado de notação de ponto (por causa do ponto!).

Dicionário - Caleb Roenigk - Creative Commons

E os métodos?

O objeto irmã acima contém um bocado de propriedades sobre minha irmã, mas não diz realmente o que minha irmã faz. Por exemplo, digamos que minha irmã gostar de pintar. Você pode ter um método paintPicture() que retorna "Sarah paints a picture!" toda vez que chamá-lo. A sintaxe para isso é muito semelhante a como você definiu as propriedades do objeto. A única diferença é que o valor no par chave:valor será uma função.

var sister = {
  name: "Sarah",
  age: 23,
  parents: [ "alice", "andy" ],
  siblings: ["julia"],
  favoriteColor: "purple",
  pets: true,
  paintPicture: function() { return "Sarah paints!"; }
};

sister.paintPicture();

Retorna: "Sarah paints!"

e você pode ver o nome da minha irmã acessando a propriedade name:

sister.name

Retorna: "Sarah"