El lenguaje de programación JavaScript está lleno de características, funciones, métodos, objetos y más, lo que hace que la programación sea mucho más fácil para todos los programadores.
En esta publicación, repasaremos los beneficios del objeto JavaScript establecido y cómo usarlo. También cubriremos cómo funciona y cómo usarlo en sus programas o software. Además, veremos métodos que manipulan y modifican un objeto establecido durante el desarrollo.
Sin más dilación, vayamos directo al corazón de este post.
¿Qué es un ensamblado en JavaScript?
JavaScript es un poderoso lenguaje de programación que ofrece varias formas de administrar datos y conjuntos de datos. Una de estas formas es un objeto de JavaScript conocido como ensamblajes, que se usa específicamente en las recopilaciones de datos. Si no está familiarizado con JavaScript, consulte nuestra publicación sobre conceptos básicos de JavaScript.
Como cualquier otro objeto en JavaScript, existen reglas sobre cómo funcionan los ensamblajes y cómo se usan. Los conjuntos son objetos de datos que almacenan una colección de valores únicos.
Los conjuntos pueden contener cualquier tipo de datos, pero no elementos duplicados. Al agregar entradas duplicadas e iguales al conjunto, solo se guardará la primera instancia.
JavaScript es un lenguaje de programación orientado a objetos. Esto significa que casi todo lo que contiene son elementos, incluidos los conjuntos. Las únicas cosas en JavaScript que no son objetos son los tipos de datos primitivos: nulos, indefinidos, cadenas, números, booleanos y símbolos. Los tipos de datos primitivos a menudo se usan como elementos en las colecciones de datos porque se usan para documentar los tipos de información y sus valores.
Ahora que tiene los conceptos básicos de los ensamblajes y su lugar en el mundo de JavaScript, veamos algunos ejemplos y discutamos cómo usar los ensamblajes en su programación.
Conjunto de JavaScript
Los ensamblajes de JavaScript pueden contener cualquier número de elementos en cualquier tipo de datos. Veamos algunos ejemplos de cómo crear un nuevo conjunto en sus programas.
Los siguientes ejemplos muestran cómo usar un conjunto para almacenar la entrada del usuario en un videojuego hipotético. La siguiente imagen es una vista previa de un codepen en funcionamiento al final de esta publicación y muestra un ejemplo de creación de un ensamblaje en JavaScript.
En este juego, el usuario tendría que ingresar información sobre su personaje, como altura, nombre, edad, color de ojos y más. Esta es una excelente manera de mostrar cómo aprovechar al máximo su equipo. Dado que muchos objetos en JavaScript pueden contener cualquier tipo de datos, puede almacenar el objeto establecido en otro objeto. Vamos a crear un objeto de colección que contendrá toda la información única y no repetitiva sobre el personaje.
Comencemos por ver cómo usar Nuevo palabra clave para inicializar un nuevo objeto establecido.
/*Create a Set and add array values*/
const userInfo = new Set();
La línea anterior instancia un nuevo objeto de conjunto vacío, pero a menudo querrá crear un nuevo conjunto con valores ya existentes. Veamos cómo crear un nuevo conjunto con múltiples valores.
const userInfo = new Set([
"Play Time: 6hrs", "Deaths: 6"
]);
* Vale la pena señalar una advertencia: Este enfoque limita la forma en que se formatean los valores, los números en los valores aquí se representarán como cadenas.
Esta línea de código creará un conjunto con dos objetos de cadena, lo cual es útil pero tiene limitaciones para acceder al valor de cada elemento. Por ejemplo, es posible que desee poder acceder a Tiempo de juego y su valor 6 horas por separado. Este código lo hará más difícil. En cambio, puede almacenar cada uno como su artículo. A continuación se muestra un ejemplo de cómo puede hacer esto.
const userInfo = new Set([
"Play Time:", "6hrs", "Deaths:", 6
]);
Crear un ensamblaje con valores con Nuevo la palabra clave requiere datos entre corchetes.
Es más útil para sus propósitos. Separa el identificador de su valor y nos permite usar un número entero como uno de nuestros valores. Esto es importante porque le permite establecer valores para muchos tipos de datos, lo que se basa en la facilidad de uso del ensamblaje. La flexibilidad del conjunto se mejora aún más al agregar valores como matrices, lo que permitiría la simulación de pares clave-valor.
Veamos cómo crear información sobre los personajes de este juego usando matrices como valores.
/*Create a Set and add array values*/
const characterInfo = new Set([
["Name:", "Rick Sanchez"],
["Age:", 70],
["Height:", "6ft 5in"],
["Occupation:", "Scientist"]
]);
La línea anterior crea una nueva variable llamada Marcar información que contiene un nuevo objeto de conjunto para información de carácter. El conjunto contiene cierta información que solo debe declararse una vez para cada carácter, con datos no duplicados.
*Un descargo de responsabilidad digno de mención: En este ejemplo, la información del conjunto tiene el formato de cuatro matrices de dos elementos que actúan esencialmente como pares clave-valor. Para conjuntos, dos o más matrices pueden contener los mismos valores porque cada objeto de matriz se trata como un elemento único.
Propiedades de ensamblaje de JavaScript
El conjunto de JavaScript tiene solo una propiedad integrada llamada propiedad de tamaño. La propiedad de tamaño identifica el número de elementos en el objeto establecido. Esta propiedad funciona en cualquier ensamblaje con cualquier tipo de datos como elementos.
El siguiente ejemplo muestra cómo usar el tamaño de propiedad establecido en el ensamblaje creado anteriormente e imprimir el resultado en la consola.
console.log(characterInfo.size)
Este valor dicta el número de iteraciones al explorar el ensamblaje para acceder a su información, más sobre eso pronto.
Intersección de conjunto de JavaScript
JavaScript no proporciona un método de intersección nativo para el objeto establecido y, por lo tanto, debe crear una forma de ejecutar esta función.
El siguiente video explica cómo hacer una intersección en objetos establecidos.
Métodos de configuración de JavaScript
Hay muchos métodos que manipulan conjuntos y los valores que contienen. Debido a que los elementos del conjunto no son inmutables, cada elemento del conjunto se puede modificar, incluso después de que se haya agregado al objeto del conjunto.
Hay muchos métodos. Toquemos suavemente qué son y cómo funcionan.
- Agregar (): agrega un nuevo elemento al objeto establecido
- Eliminar(): elimina un elemento del objeto establecido
- posee (): Devuelve verdadero si el elemento/valor existe (impredecible para los elementos de la matriz)
- brillante(): elimina todos los elementos del objeto establecido
- valores (): Devuelve un iterador con todos los elementos del conjunto (el método keys () hace lo mismo)
- entradas (): Devuelve un iterador de [value,value] establecer pares (impredecible para elementos de matriz)
Iterar a través del conjunto de JavaScript
El método forEach () también funciona en este tipo de objeto, lo que facilita la iteración. Veamos cómo usar el método forEach () en el objeto establecido que creamos anteriormente.
characterInfo.forEach((value) => {
console.log(value[0] + " " + value[1]);
})
Esto imprimirá cada una de las matrices de dos valores del objeto establecido, agregando un espacio entre los valores para facilitar la lectura.
También es posible iterar sobre un conjunto con un bucle for-of, veamos eso con Informacion del usuario el conjunto creado anteriormente en la publicación.
for (let item of userInfo){
console.log(item);
}
Dado que el formato de datos en Informacion del usuario el conjunto se divide en diferentes partes con fines de usabilidad, el proceso de bucle es diferente de la iteración sobre los elementos de la matriz en el conjunto. El código anterior iterará a través del ensamblaje para cada elemento contenido en él y los registrará en la consola.
Con toda la información anterior en mente, echemos un vistazo a codepen que muestra un ejemplo práctico de esta información en un entorno de desarrollo. Agregar JavaScript a su bucle de código puede aumentar la flexibilidad de sus ensamblajes.
ver la pluma Conjunto de JavaScript por HubSpot (@hubspot) en CódigoPen.
Uso de un objeto de ensamblaje de JavaScript
Los ensamblados de JavaScript son poderosos y contienen varios métodos útiles para manipularlos y los datos que contienen. Hay algunos puntos importantes a tener en cuenta al considerar si un conjunto funcionará para una recopilación de datos. Echemos un vistazo a algunos que afectarán sus decisiones sobre el uso de kits.
- Los conjuntos son colecciones con valores únicos.
- Los conjuntos no son inmutables, puede cambiarlos según sea necesario después de crearlos y los elementos dentro de ellos se pueden cambiar después de agregarlos.
- Los conjuntos pueden contener valores de cualquier tipo de datos y no tienen claves asociadas a los valores.
- Los miembros del conjunto que son matrices pueden contener valores duplicados.
- Los arreglos de elementos del conjunto pueden ser idénticos porque se consideran objetos separados y únicos.
- Hay muchos métodos para objetos de ensamblaje que manipulan y modifican miembros de ensamblaje.
- Hay muchas maneras de iterar a través de conjuntos.
Ahora tiene toda la información que necesita para comenzar a usar kits en su código. Le recomendamos que utilice el codepen creado para esta publicación. Esta es una gran manera de jugar con conjuntos y aprender a comportarse con ellos.
