11 frases simples de JavaScript que debe conocer

JavaScript es uno de los lenguajes de programación más populares. Se utiliza para desarrollar sitios web, aplicaciones web, servidores web, juegos, aplicaciones móviles y más.

La sintaxis de JavaScript, en particular sus funciones anónimas y de flecha, permite un código conciso. Puede lograr mucho con una sola línea de código.

En este artículo, aprenderá sobre 11 frases sencillas de JavaScript que le ayudarán a codificar como un profesional.

1. Cómo convertir una cadena de snake_case a camelCase

Una cadena en snake_case usa el carácter de subrayado para separar cada palabra. Cada palabra en una cadena de snake_case generalmente comienza con una letra minúscula, aunque existen variantes. Una cadena camelCase comienza con una letra minúscula, cada palabra siguiente comienza con una letra mayúscula. No hay espacios intermedios ni puntuación en una cadena camelCase.

Los lenguajes de programación (y los programadores) utilizan diferentes esquemas de mayúsculas y minúsculas para los nombres de variables y métodos.

Ejemplos de cadenas snake_case: hola_mundo, esta_es_una_variable, SCREAMING_SNAKE_CASE

Ejemplos de cadenas camelCase: helloWorld, thisIsVariable, makeUseOf

Puede convertir una cadena snake_case en camelCase usando el siguiente código:

const convertSnakeToCamel = (s) => s.toLowerCase (). replace (/ (_ \ w) / g, (w) => w.toUpperCase (). substr (1));
let s1 = "hola_mundo";
console.log (convertSnakeToCamel (s1));
let s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
let s3 = "this_is_a_variable";
console.log (convertSnakeToCamel (s3));

Producción:

Hola Mundo
hacer uso de
thisIsAVariable

2. Cómo mezclar una matriz de JavaScript

Mezclar una matriz significa reorganizar aleatoriamente sus elementos. Puede mezclar una matriz de JavaScript con el siguiente código:

const shuffleArray = (arr) => arr.sort (() => 0.5 - Math.random ());
sea ​​arr1 = [1, 2, 3, 4, 5];
console.log (shuffleArray (arr1));
sea ​​arr2 = [12, 34, 45, 43];
console.log (shuffleArray (arr2));
sea ​​arr3 = [2, 4, 6, 8, 10];
console.log (shuffleArray (arr3));

Producción:

[ 3, 5, 1, 4, 2 ]
[ 45, 34, 12, 43 ]
[ 4, 10, 2, 6, 8 ]

Obtendrá resultados variables en ejecuciones separadas de este código.

Relacionado: Las funciones de flecha de JavaScript pueden convertirlo en un mejor desarrollador

3. Cómo encontrar el promedio de una matriz

El promedio medio es la suma de los elementos de la matriz dividida por el número de elementos. Puede encontrar el promedio de una matriz en JavaScript usando el siguiente código:

const calculateAverage = (arr) => arr.reduce ((a, b) => a + b, 0) / arr.length;
sea ​​arr1 = [1, 2, 3, 4, 5];
console.log (calculateAverage (arr1));
sea ​​arr2 = [12, 34, 45, 43];
console.log (calculateAverage (arr2));
sea ​​arr3 = [2, 4, 6, 8, 10];
console.log (calculateAverage (arr3));

Producción:

3
33.5
6

Relacionado: Cómo encontrar la media de una matriz en Python, C ++, JavaScript y C

4. Cómo detectar el modo oscuro usando JavaScript

Con el código que se ejecuta en un navegador web, puede detectar el modo oscuro usando la siguiente línea:

const darkMode = window.matchMedia && window.matchMedia ('(prefiere-esquema-de-color: oscuro)'). coincide;
console.log (modo oscuro);

La declaración volverá cierto si se está ejecutando el modo oscuro, de lo contrario, volverá falso.

5. Cómo detectar un navegador de Apple usando JavaScript

Puede verificar si el navegador se está ejecutando en una computadora Apple usando esta simple coincidencia de expresión regular:

const appleBrowser = /Mac|iPod|iPhone|iPad/.test (navigator.platform);
console.log (appleBrowser);

La declaración volverá cierto si su navegador se ejecuta en un dispositivo Apple, de lo contrario, volverá falso.

Relacionado: Métodos de matriz de JavaScript que debe dominar hoy

6. Cómo comprobar si una matriz está vacía

Una matriz está vacía si no hay elementos en ella. Puede verificar si una matriz está vacía usando el siguiente código:

const checkEmptyArray = (arr) =>! Array.isArray (arr) || longitud arr. 0;
sea ​​arr1 = [1, 2, 3, 4, 5];
console.log (checkEmptyArray (arr1));
sea ​​arr2 = [];
console.log (checkEmptyArray (arr2));
let arr3 = [""];
console.log (checkEmptyArray (arr3));

Producción:

falso
cierto
falso

7. Cómo encontrar valores únicos en una matriz

La siguiente línea única elimina los valores repetidos de una matriz, dejando solo los valores que ocurren una sola vez.

const findUniquesInArray = (arr) => arr.filter ((i) => arr.indexOf (i) arr.lastIndexOf (i));
sea ​​arr1 = [1, 2, 3, 4, 5, 1, 2, 3];
console.log (findUniquesInArray (arr1));
sea ​​arr2 = ['W', 'E', 'L', 'C', 'O', 'M', 'E', 'T', 'O', 'M', 'U', 'O '];
console.log (findUniquesInArray (arr2));
sea ​​arr3 = [5, 5, 5, 3, 3, 4, 5, 8, 2, 8];
console.log (findUniquesInArray (arr3));

Producción:

[ 4, 5 ]
['W', 'L', 'C', 'T', 'U']
[ 4, 2 ]

8. Cómo generar un color hexadecimal aleatorio

Los colores hexadecimales son una forma de representar colores a través de valores hexadecimales. Siguen el formato #RRGGBB, dónde RR es rojo, GG es verde, y cama y desayuno es azul. Los valores de los colores hexadecimales están en el rango de 00 a FF, que especifican la intensidad del componente. Puede generar colores hexadecimales aleatorios utilizando el siguiente código JavaScript:

const randomHexColor = () => `# $ {Math.random (). toString (16) .slice (2, 8) .padEnd (6, '0')}`;
console.log (randomHexColor ());

Producción:

# ff7ea1

Cada vez que ejecute el código, obtendrá un color hexadecimal aleatorio.

9. Cómo convertir grados a radianes y viceversa

Los grados y radianes representan la medida de un ángulo en geometría. Puede convertir fácilmente un ángulo en radianes a grados, y viceversa, utilizando las siguientes fórmulas matemáticas:

Radianes = Grados × π / 180
Grados = Radianes × 180 / π

Convertir grados a radianes

Puede convertir un ángulo en grados a radianes con el siguiente código:

const gradosToRadianos = (grados) => (grados * Matemáticas. PI) / 180,0;
deje temp1 = 360;
console.log (gradosToRadianos (temp1));
sea ​​temp2 = 180;
console.log (gradosToRadianos (temp2));
sea ​​temp3 = 120;
console.log (gradosToRadianos (temp3));

Producción:

6.283185307179586
3.141592653589793
2.0943951023931953

Convertir radianes a grados

Puede convertir un ángulo en radianes a grados usando el siguiente código:

const radianesToDegrees = (rad) => (rad * 180) / Math. PI;
let temp1 = 6.283185307179586;
console.log (radianes a grados (temp1));
sea ​​temp2 = 3,141592653589793;
console.log (radianes a grados (temp2));
deje temp3 = 2.0943951023931953;
console.log (radianes a grados (temp3));

Producción:

360
180
119.99999999999999

10. Cómo comprobar si el código se está ejecutando en un navegador

Puede verificar si su código se está ejecutando en un navegador usando lo siguiente:

const isRunningInBrowser = tipo de ventana 'objeto' && tipo de documento 'objeto';
console.log (isRunningInBrowser);

El código anterior, que se ejecuta en un navegador, se imprimirá cierto. Ejecutando a través de un intérprete de línea de comandos, imprimirá falso.

11. Cómo generar un UUID aleatorio

UUID son las siglas de Universal Unique Identifier (Identificador único universal). Es un valor de 128 bits que se utiliza para identificar de forma única un objeto o entidad en Internet. Utilice el siguiente código para generar un UUID aleatorio:

const generateRandomUUID = (a) => (a? (a ^ ((Math.random () * 16) >> (a / 4))). toString (16): ([1e7] + -1e3 + -4e3 + -8e3 + -1e11) .replace (/ [ 018] / g, generateRandomUUID));
console.log (generateRandomUUID ());

Producción:

209b53dd-91cf-45a6-99a7-554e786f87d3

Cada vez que ejecuta el código, genera un UUID aleatorio.

Si desea ver el código fuente completo utilizado en este artículo, aquí está el Repositorio de GitHub.

Obtenga conocimientos prácticos de JavaScript mediante la creación de proyectos

La mejor manera de dominar cualquier lenguaje de programación es construyendo proyectos. Puede utilizar los trucos abreviados que se describen en este artículo mientras desarrolla proyectos de JavaScript. Si es un principiante y está buscando algunas ideas para proyectos, comience por crear un proyecto simple como una aplicación de tareas pendientes, una calculadora web o una extensión del navegador.

10 ideas de proyectos de JavaScript para principiantes

JavaScript es un lenguaje de programación crucial para aprender. Si eres nuevo en esto, aquí tienes algunos proyectos que te ayudarán a aumentar tus conocimientos.

Leer siguiente

Sobre el Autor