Diseño de paginas web

enero 7, 2021

Trucos de JavaScript para desarrolladores web

Presentamos algunos trucos de JavaScript para desarrolladores web con lo que se puede hacer el código más limpio, así como optimizar los tiempos de programación.

JavaScript es uno de los lenguajes de programación más populares y sirve para realizar trabajos independientes a través de sitios como UpWork y Freelancer, o incluso comenzar sus propios negocios de desarrollo web.

A continuación, algunos trucos que pueden ser útiles.

Cómo utilizar atajos para condicionales

JavaScript permite usar atajos para hacer que el código sea más sencillo. En algunos casos simples, se puede usar operadores lógicos &&y en ||lugar de if y else.

Ejemplo:

// instead of

if (accessible) {

console.log(“It’s open!”);

}

// use

accessible && console.log(“It’s open!”);

El ||operador funciona como una cláusula “o”, usar este operador es un poco más complicado ya que puede evitar que la aplicación se ejecute. Sin embargo, podemos agregar una condición para evitarlo. Por ejemplo:

// instead of

if (price.data) {

return price.data;

} else {

return ‘Getting the price’’;

}

// use

return (price.data || ‘Getting the price’);

Convertir a una integral usando el operador ~~

Eliminar decimales para devolver una integral usando los recursos math.flooro math.roundconsume, para ello, una forma más eficiente es utilizar el ~~operador.

Ejemplo:

// instead of

math.round(math.random*50)

// use

~~(math.random*50)

Se puede también usar “~~” operator para convertir cualquier cosa en un valor de número.

Example snippet:

~~(‘whitedress’) // returns 0

~~(NaN) // returns 0

Cómo fusionar matrices sin provocar una sobrecarga del servidor

Algunas veces se podría dar ser una carga seria para el servidor al fusionar arreglos, especialmente si se trata de grandes conjuntos de datos. Para mantener los niveles de rendimiento, se puede utilizar las funciones array.concat() y array.push.apply (arr1, arr2).

El uso de cualquiera de estas funciones depende del tamaño de sus matrices.

Ejemplo:

var list1 = [a, b, c, d, e];

var list2 = [f, g, h, i, j];

console.log(list1.concat(list2)); // returns the merged values of both arrays (a, b, c, d, e,f, g, h, i, j)

Al usar la función array.concat() en conjuntos de datos más grandes, se consumirá mucha memoria al crear una nueva matriz. Para evitar la caída del rendimiento, se puede usar array.push.apply(arr1, arr2 )que consolida la segunda matriz en la primera sin crear una nueva matriz. Ejemplo:

var list1 = [a, b, c, d, e];

var list2 = [f, g, h, i, j];

console.log(list1.push.apply(list1, list2)); // returns the merged values of both arrays (a, b, c, d, e,f, g, h, i, j)

Cómo extraer valores únicos

Suponiendo que hay un conjunto de datos de valores repetidos y se necesita producir valores únicos a partir de este conjunto, se puede hacer con una combinación de sintaxis de propagación …y tipo de objeto Set. Este enfoque funciona tanto con palabras como con números. Ejemplo:

const cars = [‘Opel’, ‘Bugatti’, ‘Opel’, ‘Ferrari’, ‘Ferrari’, ‘Opel’];

var unrepeated_cars = […new Set(cars)];

console.log(unrepeated_cars); // returns the values Opel, Bugatti, Ferrari

Leíste: Trucos de JavaScript para desarrolladores web, te recomendamos: Cómo generar números enteros con Math Random en Java

Te invitamos a que nos sigas en nuestras redes sociales: Facebook, Twitter, Instagram y Youtube con el perfil: @tortugacode