11 JavaScript One-Liner che dovresti sapere

JavaScript è uno dei linguaggi di programmazione più popolari. Viene utilizzato per sviluppare siti Web, applicazioni Web, server Web, giochi, app mobili e altro ancora.

La sintassi di JavaScript, in particolare le sue funzioni anonime e freccia, consente un codice conciso. Puoi ottenere molto con una sola riga di codice.

In questo articolo imparerai a conoscere 11 JavaScript one-liner che ti aiuteranno a programmare come un professionista.

1. Come convertire una stringa da snake_case a camelCase

Una stringa in snake_case usa il carattere di sottolineatura per separare ogni parola. Ogni parola in una stringa snake_case di solito inizia con una lettera minuscola, sebbene esistano varianti. Una stringa camelCase inizia con una lettera minuscola, ogni parola successiva inizia con una lettera maiuscola. Non ci sono spazi intermedi o punteggiatura in una stringa camelCase.

I linguaggi di programmazione e i programmatori utilizzano schemi di case diversi per i nomi di variabili e metodi.

Esempi di stringhe snake_case: ciao_mondo, questa_è_una_variabile, SCREAMING_SNAKE_CASE

Esempi di stringhe camelCase: helloWorld, thisIsVariable, makeUseOf

Puoi convertire una stringa snake_case in camelCase usando il seguente codice:

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

Produzione:

Ciao mondo
utilizzare
questa è una variabile

2. Come mischiare un array JavaScript

Mescolare un array significa riordinare casualmente i suoi elementi. Puoi mescolare un array JavaScript usando il seguente codice:

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

Produzione:

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

Otterrai un output variabile tra esecuzioni separate di questo codice.

Imparentato: Le funzioni freccia JavaScript possono renderti uno sviluppatore migliore

3. Come trovare la media di un array

La media media è la somma degli elementi dell'array divisa per il numero di elementi. Puoi trovare la media di un array in JavaScript usando il seguente codice:

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

Produzione:

3
33.5
6

Imparentato: Come trovare la media di un array in Python, C++, JavaScript e C

4. Come rilevare la modalità oscura utilizzando JavaScript

Con il codice in esecuzione in un browser Web, puoi rilevare la modalità oscura utilizzando il seguente one-liner:

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

La dichiarazione tornerà vero se la modalità oscura è in esecuzione, altrimenti tornerà falso.

5. Come rilevare un browser Apple utilizzando JavaScript

Puoi verificare se il browser è in esecuzione su un computer Apple utilizzando questa semplice corrispondenza di espressioni regolari:

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

La dichiarazione tornerà vero se il tuo browser è in esecuzione su un dispositivo Apple, altrimenti tornerà falso.

Imparentato: Metodi di array JavaScript che dovresti padroneggiare oggi

6. Come verificare se un array è vuoto

Un array è vuoto se non contiene elementi. Puoi controllare se un array è vuoto usando il seguente codice:

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

Produzione:

falso
vero
falso

7. Come trovare valori univoci in un array

Il seguente one-liner rimuove i valori ripetuti da un array, lasciando solo i valori che si verificano solo una volta.

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

Produzione:

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

8. Come generare un colore esadecimale casuale

I colori esadecimali sono un modo di rappresentare i colori tramite valori esadecimali. Seguono il formato #RRGGBB, dove RR è rosso, GG è verde, e BB è blu. I valori dei colori esadecimali sono nell'intervallo da 00 a FF, che specificano l'intensità del componente. Puoi generare colori esadecimali casuali utilizzando il seguente codice JavaScript:

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

Produzione:

#ff7ea1

Ogni volta che esegui il codice, otterrai un colore esadecimale casuale.

9. Come convertire i gradi in radianti e viceversa

Gradi e Radianti rappresentano la misura di un angolo in geometria. Puoi facilmente convertire un angolo in radianti in gradi e viceversa, utilizzando le seguenti formule matematiche:

Radianti = Gradi × π/180
Gradi = Radianti × 180/π

Converti gradi in radianti

Puoi convertire un angolo in gradi in radianti usando il seguente codice:

const degreeToRadians = (deg) => (deg * Math. PI) / 180.0;
sia temp1 = 360;
console.log (degreesToRadians (temp1));
sia temp2 = 180;
console.log (degreesToRadians (temp2));
sia temp3 = 120;
console.log (degreesToRadians (temp3));

Produzione:

6.283185307179586
3.141592653589793
2.0943951023931953

Converti radianti in gradi

Puoi convertire un angolo in radianti in gradi usando il seguente codice:

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

Produzione:

360
180
119.99999999999999

10. Come verificare se il codice è in esecuzione in un browser

Puoi verificare se il tuo codice è in esecuzione in un browser utilizzando quanto segue:

const isRunningInBrowser = tipo di finestra 'oggetto' && tipo di documento 'oggetto';
console.log (isRunningInBrowser);

Il codice sopra, in esecuzione in un browser, verrà stampato vero. In esecuzione tramite un interprete della riga di comando, stamperà falso.

11. Come generare un UUID casuale

UUID è l'acronimo di Universally Unique Identifier. È un valore a 128 bit utilizzato per identificare in modo univoco un oggetto o un'entità su Internet. Usa il codice seguente per generare un UUID casuale:

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

Produzione:

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

Ogni volta che esegui il codice, genera un UUID casuale.

Se vuoi dare un'occhiata al codice sorgente completo utilizzato in questo articolo, ecco il Archivio GitHub.

Ottieni una conoscenza pratica di JavaScript creando progetti

Il modo migliore per padroneggiare qualsiasi linguaggio di programmazione è costruire progetti. Puoi utilizzare i trucchi abbreviati descritti in questo articolo durante lo sviluppo di progetti JavaScript. Se sei un principiante e stai cercando alcune idee per progetti, inizia creando un progetto semplice come un'app da fare, una calcolatrice web o un'estensione del browser.

10 idee per progetti JavaScript per principianti

JavaScript è un linguaggio di programmazione cruciale da imparare. Se sei nuovo, ecco alcuni progetti per aiutarti ad aumentare le tue conoscenze.

Leggi Avanti

Circa l'autore