Objetos JavaScript - ¿Cómo crear y acceder a un objeto en JavaScript?

Tabla de contenido:

Anonim

¿Qué son los objetos JavaScript?

Los objetos son los componentes básicos para cada lenguaje orientado a objetos. El hecho de que JavaScript sea un lenguaje orientado a objetos no es una excepción a este concepto. Dado que JavaScript se está adoptando ampliamente debido a su capacidad para proporcionar un comportamiento dinámico a las páginas web, uno debe conocer JavaScript y cómo trabajar con sus objetos.

Los objetos en javascript son un grupo de diferentes tipos de datos u objetos juntos como pares "clave-valor". La parte "clave" del objeto no es más que las propiedades del objeto.

Por ejemplo, consideremos que tenemos un objeto "Estudiante", donde sus propiedades son: nombre, apellido, edad, estudiante, clase, etc. La representación del objeto javascript para este objeto estudiante se representaría de la siguiente manera:

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)

Tenga en cuenta que las propiedades first_name, last_name y class contienen valores del tipo de datos String, mientras que age y student_id son del tipo de datos de número.

¿Cómo crear un objeto en JavaScript?

Para crear objetos, javascript proporciona algunas opciones con las que se pueden crear objetos según las necesidades.

1. Uso de la sintaxis del inicializador de objetos

La sintaxis del inicializador de objetos es una lista de nombres de propiedades (claves) junto con sus valores respectivos, encerrados entre llaves ((…)). En el ejemplo anterior, hemos creado el objeto "estudiante" utilizando la sintaxis de inicializador de objeto. La sintaxis es la siguiente:

var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)

Aquí las propiedades son de un tipo de datos primitivos (string, number, Boolean, null e undefined son los tipos de datos primitivos en javascript) u otro objeto.

Por ejemplo

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)

Tenga en cuenta que aquí la propiedad "padres" es de tipo objeto. Se compone de dos subpropiedades, a saber, padre y madre, respectivamente.

2. Hacer uso de la función de constructor

En este caso, primero defina una función constructora con sus propiedades respectivas, luego cree su objeto usando la palabra clave "new". Luego asigne los valores a este objeto recién creado.

Por ejemplo: Consideremos una función constructora, por ejemplo, Estudiante:

function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)

Tenga en cuenta que el nombre del constructor debe comenzar con una mayúscula según la convención de nomenclatura.

Ahora, creemos el objeto usando la palabra clave "nuevo".

var myStudent = new Student('Anita Rai', 14, 'female');

Además, tenga en cuenta que aquí solo estamos pasando los valores al constructor. El constructor está asignando estos valores a las propiedades respectivas usando la palabra clave "this". Se hace referencia al objeto actual mediante el uso de "esta" palabra clave.

3. Hacer uso de la instancia de un objeto

Alternativamente, uno podría hacer uso de la instancia del objeto / constructor de objetos para crearlo e inicializarlo de la siguiente manera:

var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;

4. Uso del método Create () en la clase de objeto

También se podrían crear objetos utilizando el método create () proporcionado por la clase de objeto. El método create toma un prototipo de objeto como parámetro. Debido a esto, se podría evitar tener que escribir una función constructora.

Por ejemplo

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Aquí "estudiante" es nuestro objeto prototipo. Ahora, usando esto, creemos otro objeto:

var student_1 = object.create(student);

Aquí, el objeto student_1 se crea usando el prototipo del estudiante. Si uno necesita cambiar alguno de los valores a este objeto recién creado, entonces se hace de la siguiente manera:

Student_1.name = “Ananya Gupta”;

Ahora, el objeto student_1 tiene valores de propiedad similares a los del objeto student, excepto por el "nombre" de la propiedad.

¿Cómo acceder a objetos en JavaScript?

Ahora que se crea el objeto, lo siguiente que hay que saber es cómo acceder a él. Bueno, javascript proporciona dos formas de utilizar cuál podría acceder al objeto:

1. Usando una instancia de objeto

Aquí la instancia del objeto se usa para acceder a sus propiedades.

Sintaxis: object.property

Por ejemplo: considere que tenemos un objeto definido por el estudiante,

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Ahora para acceder al objeto y sus propiedades, imprimámoslo en la consola:

console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.

2. Usando corchetes

La propiedad del objeto se coloca entre corchetes después del objeto mismo.

Sintaxis: object('property')

Por ejemplo: Accediendo al objeto de estudiante anterior usando corchetes,

console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.

Métodos de objetos de JavaScript

Pocos métodos javascript más utilizados son los siguientes:

  1. create (): como ya hemos visto anteriormente, este método se utiliza para crear objetos javascript a partir de un objeto prototipo.
  2. is (): este método toma un segundo objeto como parámetro y determina si ambos objetos son iguales y devuelven un valor booleano. Es decir, si ambos objetos son iguales, se devuelve "verdadero", de lo contrario, "falso".
  3. keys (): el método keys () toma el objeto javascript como parámetro y devuelve una matriz de sus propiedades.
  4. valores (): de manera similar, el método de valores toma un objeto javascript como parámetro y devuelve una matriz de sus valores.
  5. Entradas (): este método también toma un objeto javascript como parámetro y devuelve una matriz que contiene otra matriz de ambos pares clave-valor. Ejemplo: Consideremos nuestro objeto "estudiante" una vez más,

console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))

Conclusión

Este artículo da una idea de qué son exactamente los objetos javascript y las diversas formas en que uno podría crearlos. También se analizan las propiedades que poseen estos objetos y cómo se puede acceder a ellos de diferentes maneras. Finalmente, los métodos más comúnmente usados ​​que uno debe conocer para trabajar con objetos javascript.

Artículos recomendados

Esta es una guía de objetos JavaScript. Aquí discutimos cómo crear un objeto en JavaScript y cómo acceder a los objetos en JavaScript. También puede echar un vistazo a los siguientes artículos para obtener más información:

  1. Constructor en JavaScript
  2. Anulación en JavaScript
  3. Características de JavaScript
  4. Cómo funciona JavaScript
  5. Objeto en Java