11 JavaScript One-Liners que você deve conhecer

JavaScript é uma das linguagens de programação mais populares. É usado para desenvolver sites, aplicativos da web, servidores da web, jogos, aplicativos móveis e muito mais.

A sintaxe do JavaScript, particularmente suas funções anônimas e de seta, permite um código conciso. Você pode conseguir muito com apenas uma única linha de código.

Neste artigo, você aprenderá sobre 11 linhas básicas de JavaScript que o ajudarão a codificar como um profissional.

1. Como converter uma string de snake_case para camelCase

Uma string em snake_case usa o caractere de sublinhado para separar cada palavra. Cada palavra em uma string snake_case geralmente começa com uma letra minúscula, embora existam variantes. Uma string camelCase começa com uma letra minúscula, cada palavra seguinte começando com uma letra maiúscula. Não há espaços intermediários ou pontuação em uma string camelCase.

Linguagens de programação - e programadores - usam diferentes esquemas de maiúsculas e minúsculas para nomes de variáveis ​​e métodos.

Exemplos de strings snake_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Exemplos de strings camelCase: helloWorld, thisIsVariable, makeUseOf

Você pode converter uma string snake_case em camelCase usando o seguinte código:

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

Saída:

Olá Mundo
fazer uso de
thisIsAVariable

2. Como embaralhar um array JavaScript

Embaralhar uma matriz significa reorganizar aleatoriamente seus elementos. Você pode embaralhar uma matriz JavaScript usando o seguinte código:

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

Saída:

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

Você obterá resultados variados em execuções separadas deste código.

Relacionado: As funções de seta do JavaScript podem torná-lo um desenvolvedor melhor

3. Como Encontrar a Média de uma Matriz

A média média é a soma dos elementos da matriz dividida pelo número de elementos. Você pode encontrar a média de uma matriz em JavaScript usando o seguinte código:

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

Saída:

3
33.5
6

Relacionado: Como encontrar a média de uma matriz em Python, C ++, JavaScript e C

4. Como detectar o modo escuro usando JavaScript

Com o código em execução em um navegador da web, você pode detectar o modo escuro usando o seguinte one-liner:

const darkMode = window.matchMedia && window.matchMedia ('(prefere-color-scheme: dark)').
console.log (darkMode);

O extrato irá retornar verdade se o modo escuro estiver em execução, caso contrário, ele retornará falso.

5. Como detectar um navegador Apple usando JavaScript

Você pode verificar se o navegador está sendo executado em um computador Apple usando esta correspondência de expressão regular simples:

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

O extrato irá retornar verdade se o seu navegador estiver sendo executado em um dispositivo Apple, caso contrário, ele retornará falso.

Relacionado: Métodos de array de JavaScript que você deve dominar hoje

6. Como verificar se um array está vazio

Uma matriz estará vazia se não houver elementos nela. Você pode verificar se uma matriz está vazia usando o seguinte código:

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

Saída:

falso
verdade
falso

7. Como Encontrar Valores Únicos em uma Matriz

A sequência de uma linha a seguir remove os valores repetidos de uma matriz, deixando apenas os valores que ocorrem apenas uma vez.

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

Saída:

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

8. Como gerar uma cor hexadecimal aleatória

As cores hexadecimais são uma forma de representar as cores por meio de valores hexadecimais. Eles seguem o formato #RRGGBB, Onde RR é vermelho, GG é verde, e BB é azul. Os valores das cores hexadecimais estão na faixa de 00 a FF, que especificam a intensidade do componente. Você pode gerar cores hexadecimais aleatórias usando o seguinte código JavaScript:

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

Saída:

# ff7ea1

Cada vez que você executar o código, você obterá uma cor hexadecimal aleatória.

9. Como converter graus em radianos e vice-versa

Graus e radianos representam a medida de um ângulo na geometria. Você pode converter facilmente um ângulo em radianos para graus e vice-versa, usando as seguintes fórmulas matemáticas:

Radianos = graus × π / 180
Graus = Radianos × 180 / π

Converter graus em radianos

Você pode converter um ângulo em graus em radianos usando o seguinte código:

const degreesToRadians = (deg) => (deg * Math. PI) / 180,0;
deixe temp1 = 360;
console.log (degreesToRadians (temp1));
deixe temp2 = 180;
console.log (degreesToRadians (temp2));
deixe temp3 = 120;
console.log (degreesToRadians (temp3));

Saída:

6.283185307179586
3.141592653589793
2.0943951023931953

Converter radianos em graus

Você pode converter um ângulo em radianos para graus usando o seguinte código:

const radiansToDegrees = (rad) => (rad * 180) / Math. PI;
let temp1 = 6,283185307179586;
console.log (radiansToDegrees (temp1));
deixe temp2 = 3,141592653589793;
console.log (radiansToDegrees (temp2));
let temp3 = 2.0943951023931953;
console.log (radiansToDegrees (temp3));

Saída:

360
180
119.99999999999999

10. Como verificar se o código está sendo executado em um navegador

Você pode verificar se o seu código está sendo executado em um navegador usando o seguinte:

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

O código acima, rodando em um navegador, irá imprimir verdade. Executando através de um interpretador de linha de comando, ele irá imprimir falso.

11. Como gerar um UUID aleatório

UUID significa Universally Unique Identifier. É um valor de 128 bits usado para identificar exclusivamente um objeto ou entidade na Internet. Use o seguinte código para gerar um UUID aleatório:

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

Saída:

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

Cada vez que você executa o código, ele gera um UUID aleatório.

Se você quiser dar uma olhada no código-fonte completo usado neste artigo, aqui está o Repositório GitHub.

Obtenha conhecimento prático de JavaScript criando projetos

A melhor maneira de dominar qualquer linguagem de programação é criando projetos. Você pode usar os truques resumidos descritos neste artigo ao desenvolver projetos JavaScript. Se você é um iniciante e está procurando algumas ideias de projeto, comece construindo um projeto simples, como um aplicativo de tarefas pendentes, calculadora da web ou extensão de navegador.

10 ideias de projetos de JavaScript para iniciantes

JavaScript é uma linguagem de programação crucial para aprender. Se você é novo nisso, aqui estão alguns projetos para ajudá-lo a aumentar seu conhecimento.

Leia a seguir

Sobre o autor