Neste tutorial, você aprenderá sobre objetos JavaScript com a ajuda de exemplos.
No tutorial de tipos de dados JavaScript, você aprendeu sobre 7 tipos de dados primitivos diferentes. E aqui, você aprenderá sobre o oitavo>// object const student = ( firstName: 'ram', class: 10 );
Aqui, studentestá um objeto que armazena valores como strings e números.
Declaração de objeto JavaScript
A sintaxe para declarar um objeto é:
const object_name = ( key1: value1, key2: value2 )
Aqui, um objeto object_nameé definido. Cada membro de um objeto é um par de chave: valor separado por vírgulas e entre colchetes ().
Por exemplo,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Você também pode definir um objeto em uma única linha.
const person = ( name: 'John', age: 20 );
No exemplo acima, namee agesão chaves e Johne 20são valores respectivamente.
Existem outras maneiras de declarar um objeto em JavaScript. Para saber mais, visite Diferentes maneiras de declarar objetos JavaScript.
Propriedades do objeto JavaScript
Em JavaScript, os pares "chave: valor" são chamados de propriedades . Por exemplo,
let person = ( name: 'John', age: 20 );
Aqui, name: 'John'e age: 20são propriedades.
Propriedades do objeto JavaScript
Acessando Propriedades do Objeto
Você pode acessar o valor de uma propriedade usando sua chave .
1. Usando notação de ponto
Aqui está a sintaxe da notação de ponto.
objectName.key
Por exemplo,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Usando a notação de colchetes
Aqui está a sintaxe da notação de colchetes.
objectName("propertyName")
Por exemplo,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Objetos aninhados de JavaScript
Um objeto também pode conter outro objeto. Por exemplo,
// nested object const student = ( name: 'John', age: 20, marks: ( science: 70, math: 75 ) ) // accessing property of student object console.log(student.marks); // (science: 70, math: 75) // accessing property of marks object console.log(student.marks.science); // 70
No exemplo acima, um objeto studentcontém um valor de objeto na markspropriedade.
Métodos de objeto JavaScript
Em JavaScript, um objeto também pode conter uma função. Por exemplo,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Aqui, uma função é usada como um valor para a tecla de saudação. É por isso que precisamos usar em person.greet()vez de person.greetchamar a função dentro do objeto.
Um método JavaScript é uma propriedade que contém uma declaração de função. No próximo tutorial, você aprenderá sobre Métodos JavaScript em detalhes.
