Saludos, Habr! Les presento la traducción del artículo
"9 Hacks JavaScript extremadamente potentes" de
Klaus .
Nota traductor: en esta nueva publicación (10 de diciembre), trucos geniales de JavaScript que me gustan como principiante, pero también hay un anuncio obvio para la aplicación de prueba. Pero debo traducir todo el material, así que oculto la parte publicitaria en un spoiler, aunque no es inútil, por cierto.
Nativo del artículo traducido.Me encanta optimizar
Pero a los usuarios no les importa mi código optimizado si su sitio no funciona en Internet Explorer 11.
Utilizo
Endtest para crear pruebas automatizadas y ejecutarlas en una nube entre navegadores.
Por cierto,
Netflix usa la misma plataforma para probar sus aplicaciones web. Además, incluso aparece como una habilidad necesaria en algunas
vacantes .
Endtest realmente tiene algunas características interesantes, como:
- Malla entre navegadores que se ejecuta en computadoras Windows y MacOS
- Editor sin código para pruebas automatizadas
- Soporte de aplicaciones web
- Soporte para aplicaciones nativas e híbridas para Android e iOS
- Videos ilimitados para tus pruebas
- Comparación de captura de pantalla
- Geolocalización
- Si la declaración
- Ciclos
- Sube archivos a tus pruebas
- Endtest API, para una fácil integración con su sistema CI / CD
- Declaraciones extendidas
- Pruebas móviles en dispositivos móviles reales
- Prueba de correo electrónico con el buzón de Endtest
Puede ver
documentos en esta herramienta.
Y ahora hay 9 consejos JavaScript muy útiles.
Reemplazar todo
Sabemos que la función string.replace () reemplaza solo la primera aparición. Puede reemplazar todas las ocurrencias agregando / g al final de la expresión regular.
var example = "potato potato"; console.log(example.replace(/pot/, "tom"));
Recuperando valores únicos
Podemos crear una nueva matriz con solo valores únicos usando el objeto Set y el operador Spread.
var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1] var unique_entries = [...new Set(entries)]; console.log(unique_entries);
Convertir número a cadena
Solo tenemos que usar el operador de concatenación con un conjunto vacío de comillas.
var converted_number = 5 + ""; console.log(converted_number);
Convertir cadena en número
Todo lo que necesitamos es un operador +.
Tenga cuidado con esto, ya que solo funciona con números de cadena.
the_string = "123"; console.log(+the_string);
Mezclar elementos de una matriz
Todos los días estoy shufflin ':-)
var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(my_list.sort(function() { return Math.random() - 0.5 }));
Suavizar una matriz multidimensional
Simplemente usando la declaración Spread.
var entries = [1, [2, 5], [6, 7], 9]; var flat_entries = [].concat(...entries);
Condiciones de acceso directo
Tomemos este ejemplo:
if (available) { addToCart(); }
Y puede acortarlo simplemente usando una variable junto con la función:
available && addToCart()
Nombres de propiedades dinámicas
Siempre pensé que primero tenía que declarar un objeto antes de poder asignar una propiedad dinámica.
const dynamic = 'flavour'; var item = { name: 'Coke', [dynamic]: 'Cherry' } console.log(item);
Use la longitud para cambiar el tamaño / borrar la matriz
Básicamente reescribimos la longitud de la matriz.
Si queremos cambiar el tamaño de la matriz:
var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length);
Si queremos borrar la matriz:
var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length);
Las sugerencias de JavaScript son geniales, pero asegúrese de que su aplicación web se ejecute correctamente en todos los navegadores y dispositivos. Asegúrate de ocuparte de esto.