4 trucos para saber sobre el lenguaje Javascript


Con la llegada del desarrollo web, los desarrolladores se han encontrado frente a un entorno muy diferente al que usaban hasta hace algún tiempo. Es decir, el entorno de ejecución de software ejecutable en máquinas autónomas, o mejor dicho, no del tipo servidor. Como te dije antes, con el advenimiento de las tecnologías de desarrollo web, uno ha tenido que lidiar con un entorno sin estado. Cambiar de una página web a otra provocaba la pérdida de todos los objetos gestionados por la página anterior. Algo que no sucedió y aún no sucede con el software ejecutable nativo. Gracias al lenguaje Javascript se han solucionado muchos de estos problemas, y hoy en día los desarrolladores pueden contar con una gran variedad de librerías, del lenguaje Javascript , que son de enorme ayuda para el desarrollo web.

El lenguaje Javascript , por sí mismo, no es un lenguaje difícil o complicado de aprender. De hecho, es un lenguaje de estilo “C LIKE” y, en consecuencia, muy comprensible incluso para un principiante. El acercamiento a Javascript , en general, se realiza sin mayores problemas. En cualquier caso, como en todos los lenguajes, existen algunos trucos y trucos que facilitan mucho el desarrollo, haciéndolo más sencillo e inmediato de usar. Hoy, en esta guía, te mostraré 4 trucos que debes saber sobre el lenguaje Javascript. Para probar el código descrito en esta guía, no necesitará crear ninguna página web. Simplemente puede aprovechar el intérprete de idiomas en línea “W3Schools”. Ahora, haciendo clic en este enlace simple, todo lo que tiene que hacer es copiar y pegar, de vez en cuando, el código propuesto más adelante en la guía. Una vez que se haya cargado la página relacionada con el editor de Javascript en línea , todo lo que tiene que hacer es hacer clic en “Try it Yourself” para acceder alEditorde Javascript directamente. Como primer paso, comprenderá cómo cambiar el tamaño de una matriz en Javascript.

Emulador de javascript W3Schools
Emulador de javascript W3Schools

1. Cómo cambiar el tamaño de una matriz o «Array»

Como bien sabes, las matrices no son redimensionables. Esto se aplica no solo a Javascript sino a todos los lenguajes de programación. De hecho, una matriz es una estructura de datos estática y homogénea. Esto significa que, durante la ejecución del código, éste no puede ser redimensionado ni puede contener objetos de diferente naturaleza. Un Array solo puede contener datos del mismo tipo. Por ejemplo, solo puede contener cadenas, números y otros objetos, pero no cadenas ni números, ni nada más.

Por lo tanto, una matriz de 5 elementos en Javascript como esta:

const names = ['María', 'Juan', 'Marcos', 'Felipe', 'Jorge'];

no se puede redimensionar, es decir, no se puede borrar ni añadir otros nombres. Sin embargo, existe un truco gracias al cual es posible acortar una matriz de este tipo. De hecho, al establecer la propiedad “length” de una matriz en un número menor de elementos, en comparación con el que contiene, es posible cambiar su tamaño. Por ejemplo, con el siguiente código:

names.length = 2;

names» matriz ya no contendrá 5 elementos sino 2. Entonces, si imprimimos el contenido de los “names” array, con esta instrucción: “console.log(names);”, el contenido de la matriz “names” ahora será: [‘Mary’, ‘John’].


Leer Màs: “WordPress no funciona y tu sitio web está bloqueado


2. Obtener solo una parte de un objeto Javascript

En Javascript , si quisiéramos crear un objeto que contenga propiedades, deberíamos usar una sintaxis como:

const names = {name: 'Steve', surname: 'Jobs'};

Normalmente para acceder a las propiedades “name ” y “surname”del objeto “names” deberías usar una sintaxis como esta:

names.name;

a veces, sin embargo, solo es necesario acceder a una sola propiedad de un objeto. Entonces, si quisiéramos crear una variable simple que contenga solo el contenido de la propiedad “name” de los “names”objeto escribiríamos una línea de código como esta:

const {name} = names;

En este punto, queriendo verificar el contenido de la variable “name”, podemos teclear esta sencilla instrucción “document.write(name);” que imprimirá el valor “Steve” en la pantalla. Esta operación tan útil se llama “Destructuring Assignment” o, desestructuración de variables.

"Destructuring Assignment" en Javascript
«Destructuring Assignment» en Javascript

3. Cómo eliminar valores duplicados de una matriz

En Javascript , para eliminar valores duplicados de una matriz, puede usar el objeto “Set”. “Set” objetos Javascript que no pueden contener valores duplicados en su interior. Entonces, para eliminar los duplicados de la matriz de “names”, puede usar el “Set”comando como a continuación:

Eliminar duplicados en una matriz
Eliminar duplicados en una matriz

Como puede ver, con una declaración simple, podrá eliminar duplicados de cualquier matriz sin atascarse en complicadas rutinas de limpieza de matrices de Javascript. A menudo, la fuente de innumerables errores, molestos de encontrar y corregir.

4. Cómo evaluar expresiones en una «String»

No es raro, especialmente cuando se trata de dar formato a «string», para valorar expresiones directamente dentro de ellas. Lo explicaré. Como bien sabe, las «string» también son tipos de datos que no se pueden modificar excepto creando otra «string» que sea el resultado del procesamiento realizado en la «string» principal. Sí, lo sé. Tal vez nunca te diste cuenta. Pero las «string» que obtienes, al procesar el código, son todas «string» obtenidas de otros. Pero la «string» principal, es decir, la que procesó, nunca ha cambiado. Entonces, cada vez que está a punto de formatear o crear una «string» que contiene valores, en tiempo de ejecución, son «string» creadas concatenando y convirtiendo estos valores en «string», a otras cadenas hasta formar la final que se imprimirá en la pantalla. No te voy a negar que una operación de este tipo es muy aburrida y problemática. Además, toda la operación debe realizarse en tiempo de ejecución con una gran pérdida de recursos de CPU y RAM.

En Javascript es posible formatear «string», mejorando el contenido directamente dentro de ellas, ahorrando tiempo y obteniendo un código más limpio sin ellas. Por cierto, sin errores. Digamos de inmediato que una operación como esta:

const name = "Steve Jobs";
document.write("Bienvenido "+name);

se puede transformar en una operación más simple y compacta como esta:

const name = "Steve Jobs";
document.write(`Bienvenido ${name}`);

Tenga en cuenta que la cadena, en este caso, debe estar entre comillas simples, código ASCII 96. Y no el código ASCII convencional 39 comillas simples.

Como puede ver, no hay operación de concatenación y conversión de datos. La «string» es única y el “name” La variable se valora directamente dentro de la «string».

Mejorar expresiones en javascript
Mejorar expresiones en javascript

Leer Màs: “Conceptos Básicos de la Fotografía


Administrador de redes y desarrollador. Después de años de experiencia en la industria, diseñé un sistema de gestión de datos MYSQL en PHP sin escribir una sola línea de código. Más información....

x