Cómo crear un diccionario en JavaScript con pares de valor clave?

La mayoría de las veces, las bases de datos se utilizan para almacenar una gran cantidad de datos para usarlos más adelante o para guardar el estado de la aplicación, pero se necesita almacenar los datos localmente dentro del código para usarlo más tarde. Por lo tanto, los lenguajes de programación tienen algunos tipos de datos estándar que son realmente útiles para lograr dicha funcionalidad sin usar la base de datos.

Necesidad de pares de valores clave

Entonces, para este propósito, JavaScript utiliza matrices y objetos para almacenar algunos registros dentro del código. A diferencia de otros lenguajes de programación, JavaScript no tiene un tipo exacto que llamarse diccionario, pero tiene un tipo diverso que se llama objeto en JavaScript. El objeto de JavaScript es bastante flexible, ya que puede usarlo dinámicamente donde quiera. La mayoría de las veces los objetos se usan ampliamente para los datos, ya que se pueden utilizar fácilmente más adelante en el código.

Objeto

Los objetos también son los mismos que los diccionarios en otros lenguajes de programación que los objetos también consisten en los pares de valor clave y los diccionarios también se basan en esta estructura de formación de pares de valores clave. Puede asignar una clave contra un valor específico para acceder a ella más adelante.

En este artículo, veremos cómo podemos crear diccionarios en JavaScript y cómo podemos manipular fácilmente algunos datos en ellos con la ayuda de algunos ejemplos.

Cómo crear un diccionario/objeto en JavaScript

Debido a que los diccionarios no son los tipos de datos tradicionales de JavaScript, por lo tanto, los usamos de la misma manera para crear los diccionarios a medida que declaramos los objetos e inicializamos algunos valores a ellos.
Tomemos un ejemplo para crear el objeto.

Ejemplo

Deje myFirstObject = new Object ();
// o la forma de taquigrafía
Deja que myFirstObject =
FirstName: 'Mark',
LastName: 'Fonso',
Edad: 20

consola.log ('El tipo de variable es:', typeof (myFirstObject), 'y sus valores son:', myFirstObject)

Hay dos formas básicas a través de las cuales puede crear un objeto en JavaScript, el primero es declarando el nombre del objeto que en nuestro caso es "myfirstobject"Y luego creando su instancia inicializando un nuevo objeto ().

La segunda forma se considera como un método de abreviatura que es simplemente declarar el nombre del objeto y asignarle algunos pares de valor clave para que el intérprete entienda que sí, es un objeto.

Producción:

Aquí puede ver que el tipo de objeto es objeto como dije que no hay ningún tipo de datos tradicional llamado objeto, por lo tanto, los objetos de JavaScript se tratan como objetos en algunos casos.

Tomemos otro ejemplo de crear un nuevo objeto en el siguiente ejemplo

Ejemplo

Deje que expobject =
primer nombre: "John Doe",
"Ten": 10,
10: "Cualquier número entero",
"Experiencia": 0
;
consola.log ('type:', typeOf (excoBject), '\ n', 'valores:', excoBject)

Aquí en el ejemplo anterior, hemos creado e inicializado un nuevo objeto con el nombre exponer y la consola lo registró en el terminal al verificar su tipo de datos y mostrar los valores dentro de él.

Como puede ver en la pantalla de salida anterior, el tipo se muestra como un objeto, mientras que sus valores también se muestran en el terminal de salida como esperábamos.

Asignación de valores a las teclas de objeto

Hemos creado con éxito nuestro objeto, ahora revisemos los valores utilizando el llave nombres en el siguiente ejemplo;

Esto se puede lograr utilizando la propiedad del indexador del objeto para establecer los valores, o utilizándolo directamente como si fuera una propiedad normal en el objeto. Los valores clave pueden ser cualquier objeto, no solo cadenas:

Deje que expobject =
primer nombre: "John Doe",
"Ten": 10,
10: "Cualquier número entero",
"Experiencia": 0
;
exhibject ["diez"] = 20;
Expobject [10] = "veinte";
exhibject ["experiencia"] = 22;
consola.log ('type:', typeOf (excoBject), '\ n', 'valores:', excoBject)
// Asignación de propiedades directamente
dictarse.FirstName = "John Doe";

Aquí en el ejemplo anterior, hemos creado un objeto y más adelante, hemos asignado los valores exclusivamente a las propiedades o claves específicas del objeto utilizando el método indexador.

Producción

Ahora puede ver claramente en la pantalla de salida proporcionada anteriormente que los valores se han actualizado en el objeto.

Asignación de valores al objeto utilizando el operador DOT (asignación directa)

Hasta ahora, hemos discutido cómo podemos crear objetos y cómo podemos asignar algunos valores a las propiedades del objeto utilizando el método indexador, aquí en el siguiente ejemplo del objeto.

Ejemplo

Deje que expobject =
primer nombre: "John Doe",
"Ten": 10,
10: "Cualquier número entero",
"Experiencia": 0
;
exponer.Diez = 20;
exponer.experiencia = 10;
exponer.FirstName = 'Mark Huggy';
consola.log ('type:', typeOf (excoBject), '\ n', 'valores:', excoBject)

Aquí en el ejemplo anterior estamos creando un objeto y más adelante estamos asignando algunos valores a sus propiedades usando el operador DOT o puede decir una asignación directa en otras palabras.

Puede ver que los valores iluminados anteriormente se actualizan en el objeto.

Iterando pares de valor clave del objeto

Ahora discutiremos sobre la iteración de los pares de valor clave.

Ejemplo
Aquí en el siguiente ejemplo, crearemos un objeto y luego pasaremos a través de cada clave del objeto y mostraremos el valor con cada clave del objeto:

Deje que expobject =
primer nombre: "John Doe",
"Ten": 10,
10: "Cualquier número entero",
"Experiencia": 0
;
para (dejar que la tecla en expoblex)
Let Value = Expobject [Key];
consola.log (valor);

Producción

Los valores se muestran contra cada tecla con la ayuda de un bucle para

Acceso directo a pares de clave/valor

Igual que la asignación directa, también podemos acceder directamente a los valores del objeto usando un operador DOT y asignarlo a alguna otra variable para el uso posterior. Veamos en el siguiente ejemplo:

Deje que expobject =
primer nombre: "John Doe",
"Ten": 10,
10: "Cualquier número entero",
"Experiencia": 0
;
Let First_Name = Expobject.nombre de pila;
exponer.FirstName = "Mark Christonson";
consola.Log ('Nombre antiguo:', First_Name, '\ nNnew Nombre:', Expobject.nombre de pila )

Aquí en el ejemplo anterior, hemos creado un objeto y luego, hemos asignado su antiguo nombre de pila valor para el nombre de pila variable y actualizado el valor del nombre de pila utilizando el método de asignación directa. Más adelante, hemos mostrado los valores antiguos y los nuevos en la pantalla

Producción:

Puede ver los campos de nombres antiguos y los nuevos en la pantalla de salida anterior.

Conclusión

El diccionario no es el tipo de datos tradicional del lenguaje de programación de JavaScript, pero los objetos pueden tratarse como diccionarios en algunos casos. Puede crear un objeto a través de dos formas diferentes, una es declararlo e inicializarlo utilizando el nuevo objeto () El método y el segundo es la forma abreviada simplemente declarando y asignando algunos pares de valor clave. En este artículo, revisamos ambos métodos en detalle y hemos discutido cómo podemos asignar y recuperar valores utilizando la asignación directa y los métodos del indexador.