JavaScript Objects/Dictionary - Explicado

JavaScript Objects/Dictionary - Explicado
Los objetos en JavaScript son tipos de datos utilizados para almacenar datos relacionados; Son una colección de valores o variables nombrados utilizados para almacenar múltiples valores; Estos valores se almacenan en forma de Nombre: Valor pares. Los objetos tienen propiedades y métodos. Los métodos son básicamente funciones escritas como propiedades de un objeto.

La mejor forma en que uno puede aprender sobre los objetos JavaScript es comparándolos con objetos de la vida real. Los objetos en la vida real tienen diferentes propiedades y pueden hacer diferentes tareas, e.gramo., a Bicicleta es un objeto; Tiene propiedades como color, modelo, nombre y métodos como Start, Break, Stop.

Ahora todo el Bicicletas tener estas propiedades; cada Bicicleta tiene un color, modelo y nombre, pero el valor de cada una de estas propiedades puede diferir para cada Bicicleta. Del mismo modo, todo el Bicicletas realizar estos métodos pero en diferentes momentos.

Diferencia entre objetos y diccionarios:

Los datos almacenados en forma de pares de valor clave se denominan objeto o diccionario. Los objetos y diccionarios son similares; la diferencia radica en la semántica. En JavaScript, los diccionarios se llaman objetos, mientras que, en idiomas como Python o C#, se llaman diccionarios.

Cómo usar objetos en JavaScript?

Ahora crearemos un objeto llamado usuario con diferentes propiedades usando JavaScript como ejemplo:

const user = fname: "Mary", lname: "Jane", edad: 23, id: 01;

El usuario El objeto dado anteriormente tiene cuatro propiedades diferentes, yo.mi., fname, nombre, edad, y identificación. Estas propiedades tienen Casar, Jane, 23, y 01 como valores, respectivamente. JavaScript es sintácticamente un lenguaje dinámico, por lo que también podemos declarar el objeto de la siguiente manera para una mejor legibilidad:

Const user =
Fname: "María" ,
Lname: "Jane" ,
Edad: 23 ,
ID: 01
;

En general, los objetos se declaran utilizando el estúpido palabra clave, y sus definiciones pueden consistir en múltiples líneas.

Cómo acceder a una propiedad presente dentro de un objeto?

Se pueden usar dos métodos diferentes para acceder y asignar propiedades a un objeto en JavaScript:

  • Mediante el uso del punto "."Operador
  • Mediante el uso de la sintaxis de los soportes cuadrados

La siguiente es la sintaxis utilizada en el método del operador DOT:

Nombre del objeto.nombre de la propiedad

La sintaxis para el método de soporte cuadrado se da a continuación:

Object_name ['Property_name']

Por ejemplo, si queremos acceder a la propiedad edad en nuestro objeto usuario, Podemos hacerlo de dos maneras diferentes:

Const user =
Fname: "María" ,
Lname: "Jane" ,
Edad: 23 ,
ID: 01
;
consola.Registro (usuario.edad);
consola.log (usuario ['edad']);

También podemos modificar el valor de la propiedad utilizando el nombre del objeto.nombre de la propiedad y el Object_name ['Property_name'] sintaxis:

user var =
Fname: "María" ,
Lname: "Jane" ,
Edad: 23 ,
ID: 01
;
usuario.edad = 24;
consola.Registro (usuario.edad);
usuario ['edad'] = 25;
consola.log (usuario ['edad']);

Del mismo modo, también se puede acceder a los métodos de la misma manera utilizando el operador DOT.

Ahora vamos a agregar un método a nuestro usuario objeto.

Const user =
Fname: "María" ,
Lname: "Jane" ,
Edad: 23 ,
ID: 01 ,
Año de nacimiento()
const date = newdate ();
Año = fecha.Getfulfyear () - esto.edad;
año de regreso;

;
consola.Registro (usuario.Año de nacimiento());

En el ejemplo dado anteriormente, hemos declarado un método dentro del objeto usuario. Este método resta la edad del usuario del año en curso para devolver el año de nacimiento del usuario.

El 'este' La palabra clave en el ejemplo se refiere al objeto que posee el edad propiedad. Esta palabra clave se utiliza para acceder al valor de una propiedad dentro de un objeto.

Los objetos en JavaScript también se pueden declarar utilizando el constructor de objetos junto con el nuevo palabra clave:

const user = newobject ();
// Asignación de propiedades y valores de propiedad
usuario.fname = "Marry";
usuario.lname = "Jane";
usuario.edad = 23;
usuario.id = 01;

Conclusión

Además de los tipos de datos primitivos, casi todo lo demás en JavaScript es un objeto. La nueva palabra clave puede convertir tipos de datos primitivos como booleanos, números y cadenas en objetos (no recomendados).

JavaScript tiene algunos objetos incorporados como Fecha y Matemáticas. También tenemos la opción de crear nuestros propios objetos personalizados. Esta guía nos enseñó a crear un objeto y asignarlo a diferentes propiedades, valores de propiedades y métodos. También aprendimos a acceder y manipular/modificar las propiedades y métodos presentes en un objeto.