O que são objetos JavaScript?
Objetos são os blocos de construção básicos para toda linguagem orientada a objetos. JavaScript sendo uma linguagem orientada a objetos não é exceção a esse conceito. Com o javascript sendo amplamente adotado devido à sua capacidade de fornecer comportamento dinâmico às páginas da web, é preciso estar ciente do javascript e de como trabalhar com seus objetos.
Objetos em javascript são um grupo de diferentes tipos de dados ou objetos reunidos como pares de "valor-chave". A parte "chave" do objeto não passa de propriedades do objeto.
Por exemplo, vamos considerar que temos um objeto "Aluno", onde suas propriedades são: nome_do_unome, sobrenome, idade, ID_de_profissional, classe etc. A representação do objeto javascript para este objeto de estudante seria representada da seguinte forma:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Aqui, observe que as propriedades first_name, last_name e class contêm valores do tipo de dados String, enquanto age e student_id são do tipo de dados numérico.
Como criar um objeto em JavaScript?
Para criar objetos, o javascript fornece algumas opções usando as quais se pode criar objetos conforme a necessidade.
1. Utilizando a sintaxe do inicializador de objetos
A sintaxe do inicializador de objetos é uma lista de nomes de propriedades (chaves) junto com seus respectivos valores, entre chaves ((…)). No exemplo acima, criamos o objeto "aluno" usando a sintaxe do inicializador de objetos. A sintaxe é a seguinte:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Aqui, as propriedades são de um tipo de dados primitivo (string, número, Booleano, nulo e indefinido são os tipos de dados primitivos em javascript) ou outro objeto.
Por exemplo
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Observe que aqui a propriedade "pais" é do tipo objeto. Consiste em duas subpropriedades, pai e mãe, respectivamente.
2. Fazendo uso da função de construtor
Nesse caso, primeiro defina uma função construtora com suas respectivas propriedades, e depois crie seu objeto usando a palavra-chave "new". Em seguida, atribua os valores a esse objeto recém-criado.
Por exemplo: Vamos considerar uma função construtora, digamos Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Observe que o nome do construtor deve começar com letras maiúsculas, conforme a convenção de nomenclatura.
Agora, vamos criar o objeto usando a palavra-chave "new".
var myStudent = new Student('Anita Rai', 14, 'female');
Além disso, observe que aqui estamos apenas passando os valores para o construtor. O construtor está atribuindo esses valores às respectivas propriedades usando a palavra-chave "this". O objeto atual está sendo referido usando a palavra-chave "this".
3. Fazendo uso da instância de um objeto
Como alternativa, pode-se usar a instância do objeto / construtor de objeto para criar e inicializar da seguinte maneira:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Fazendo uso do método Create () na classe Object
Também é possível criar objetos usando o método create () fornecido pela classe de objeto. O método create usa um protótipo de objeto como parâmetro. Devido a isso, pode-se evitar a necessidade de escrever uma função construtora.
Por exemplo
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Aqui "aluno" é o nosso objeto de protótipo. Agora, usando isso, vamos criar outro objeto:
var student_1 = object.create(student);
Aqui, o objeto student_1 é criado usando o protótipo do aluno. Se for necessário alterar qualquer um dos valores para esse objeto recém-criado, isso será feito da seguinte maneira:
Student_1.name = “Ananya Gupta”;
Agora, o objeto student_1 possui valores de propriedades semelhantes aos do objeto student, exceto a propriedade "name".
Como acessar objetos em JavaScript?
Agora que o objeto foi criado, a próxima coisa que precisamos saber é como acessamos? Bem, o javascript fornece duas maneiras de usar o qual é possível acessar o objeto:
1. Usando uma instância de objeto
Aqui a instância do objeto é usada para acessar suas propriedades.
Sintaxe: object.property
Por exemplo: considere que temos um objeto definido pelo aluno,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Agora, para acessar o objeto e suas propriedades, imprima-o no console:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Usando colchetes
A propriedade do objeto é colocada entre colchetes após o próprio objeto.
Sintaxe: object('property')
Por exemplo: acessando o objeto de aluno acima usando colchetes,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
Métodos de objeto JavaScript
Poucos métodos javascript usados são os seguintes:
- create (): como já vimos acima, esse método é usado para criar objetos javascript a partir de um objeto protótipo.
- is (): esse método utiliza um segundo objeto como parâmetro e determina se os dois objetos são iguais e retornam um valor booleano. Ou seja, se os dois objetos forem iguais, retornará "true", ou "false".
- keys (): o método keys () recebe o objeto javascript como parâmetro e retorna uma matriz de suas propriedades.
- values (): Da mesma forma, o método values usa um objeto javascript como parâmetro e retorna uma matriz de seus valores.
- entradas (): esse método também recebe um objeto javascript como parâmetro e retorna uma matriz, contendo outra matriz dos dois pares de valores-chave. Exemplo: vamos considerar nosso objeto "aluno" mais uma vez,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Conclusão
Este artigo fornece uma idéia do que são exatamente os objetos javascript e as várias maneiras pelas quais você pode criá-los. Ele também discute as propriedades que esses objetos possuem e como alguém pode acessá-los de maneiras diferentes. Por fim, os métodos mais usados de que precisamos conhecer para trabalhar com objetos javascript.
Artigos recomendados
Este é um guia para objetos JavaScript. Aqui discutimos como criar um objeto em JavaScript e como acessar objetos em JavaScript. Você também pode consultar os seguintes artigos para saber mais -
- Construtor em JavaScript
- Substituindo em JavaScript
- Recursos do JavaScript
- Como funciona o JavaScript
- Objeto em Java