11 One-Liners JavaScript que vous devriez connaître

JavaScript est l'un des langages de programmation les plus populaires. Il est utilisé pour développer des sites Web, des applications Web, des serveurs Web, des jeux, des applications mobiles, etc.

La syntaxe de JavaScript, en particulier ses fonctions anonymes et fléchées, permet un code concis. Vous pouvez réaliser beaucoup de choses avec une seule ligne de code.

Dans cet article, vous découvrirez 11 one-liners JavaScript qui vous aideront à coder comme un pro.

1. Comment convertir une chaîne de snake_case en camelCase

Une chaîne dans snake_case utilise le caractère de soulignement pour séparer chaque mot. Chaque mot dans une chaîne snake_case commence généralement par une lettre minuscule, bien qu'il existe des variantes. Une chaîne camelCase commence par une lettre minuscule, chaque mot suivant commençant par une lettre majuscule. Il n'y a pas d'espace ou de ponctuation dans une chaîne camelCase.

Les langages de programmation et les programmeurs utilisent des schémas de casse différents pour les noms de variables et de méthodes.

Exemples de chaînes snake_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Exemples de chaînes camelCase: helloWorld, thisIsVariable, makeUseOf

Vous pouvez convertir une chaîne snake_case en camelCase à l'aide du code suivant :

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

Sortir:

Bonjour le monde
se servir de
c'est une variable

2. Comment mélanger un tableau JavaScript

Mélanger un tableau signifie réorganiser aléatoirement ses éléments. Vous pouvez mélanger un tableau JavaScript à l'aide du code suivant :

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

Sortir:

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

Vous obtiendrez une sortie variable à travers des exécutions distinctes de ce code.

En rapport: Les fonctions de flèche JavaScript peuvent faire de vous un meilleur développeur

3. Comment trouver la moyenne d'un tableau

La moyenne moyenne est la somme des éléments du tableau divisée par le nombre d'éléments. Vous pouvez trouver la moyenne d'un tableau en JavaScript en utilisant le code suivant :

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

Sortir:

3
33.5
6

En rapport: Comment trouver la moyenne d'un tableau en Python, C++, JavaScript et C

4. Comment détecter le mode sombre à l'aide de JavaScript

Avec du code exécuté dans un navigateur Web, vous pouvez détecter le mode sombre à l'aide de la ligne suivante :

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

La déclaration reviendra vrai si le mode sombre est en cours d'exécution, sinon, il reviendra faux.

5. Comment détecter un navigateur Apple à l'aide de JavaScript

Vous pouvez vérifier si le navigateur s'exécute sur un ordinateur Apple à l'aide de cette simple correspondance d'expression régulière :

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

La déclaration reviendra vrai si votre navigateur s'exécute sur un appareil Apple, sinon, il reviendra faux.

En rapport: Méthodes de tableau JavaScript que vous devriez maîtriser aujourd'hui

6. Comment vérifier si un tableau est vide

Un tableau est vide s'il ne contient aucun élément. Vous pouvez vérifier si un tableau est vide à l'aide du code suivant :

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

Sortir:

faux
vrai
faux

7. Comment trouver des valeurs uniques dans un tableau

La ligne suivante supprime les valeurs répétitives d'un tableau, ne laissant que les valeurs qui se produisent une seule fois.

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

Sortir:

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

8. Comment générer une couleur hexadécimale aléatoire

Les couleurs hexadécimales sont un moyen de représenter les couleurs à l'aide de valeurs hexadécimales. Ils suivent le format #RRGGBB, où RR est rouge, GG est vert, et BB est bleu. Les valeurs des couleurs hexadécimales sont comprises entre 00 et FF, qui spécifient l'intensité de la composante. Vous pouvez générer des couleurs hexadécimales aléatoires à l'aide du code JavaScript suivant :

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

Sortir:

#ff7ea1

Chaque fois que vous exécutez le code, vous obtenez une couleur hexadécimale aléatoire.

9. Comment convertir des degrés en radians et vice-versa

Les degrés et les radians représentent la mesure d'un angle en géométrie. Vous pouvez facilement convertir un angle en radians en degrés, et vice-versa, en utilisant les formules mathématiques suivantes :

Radians = Degrés × π/180
Degrés = Radians × 180/π

Convertir des degrés en radians

Vous pouvez convertir un angle en degrés en radians à l'aide du code suivant :

const degrésToRadians = (deg) => (deg * Math. PI) / 180,0 ;
laissez temp1 = 360 ;
console.log (degrésEnRadians (temp1));
soit temp2 = 180 ;
console.log (degrésEnRadians (temp2));
soit temp3 = 120 ;
console.log (degrésEnRadians (temp3));

Sortir:

6.283185307179586
3.141592653589793
2.0943951023931953

Convertir des radians en degrés

Vous pouvez convertir un angle en radians en degrés à l'aide du code suivant :

const radiansVersDegrés = (rad) => (rad * 180) / Math. PI;
laissez temp1 = 6.283185307179586;
console.log (radiansToDegrees (temp1));
laissez temp2 = 3.141592653589793;
console.log (radiansToDegrees (temp2));
laissez temp3 = 2.0943951023931953;
console.log (radiansToDegrees (temp3));

Sortir:

360
180
119.99999999999999

10. Comment vérifier si le code s'exécute dans un navigateur

Vous pouvez vérifier si votre code s'exécute dans un navigateur à l'aide des éléments suivants :

const isRunningInBrowser = typeof window 'object' && typeof document 'object';
console.log (isRunningInBrowser);

Le code ci-dessus, exécuté dans un navigateur, s'imprimera vrai. Exécuté via un interpréteur de ligne de commande, il imprimera faux.

11. Comment générer un UUID aléatoire

UUID signifie Universally Unique Identifier. C'est une valeur de 128 bits utilisée pour identifier de manière unique un objet ou une entité sur Internet. Utilisez le code suivant pour générer un UUID aléatoire :

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

Sortir:

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

Chaque fois que vous exécutez le code, il génère un UUID aléatoire.

Si vous souhaitez consulter le code source complet utilisé dans cet article, voici le Dépôt GitHub.

Obtenez des connaissances pratiques sur JavaScript en créant des projets

La meilleure façon de maîtriser n'importe quel langage de programmation est de créer des projets. Vous pouvez utiliser les astuces décrites dans cet article lors du développement de projets JavaScript. Si vous êtes débutant et que vous recherchez des idées de projets, commencez par créer un projet simple comme une application To-Do, une calculatrice Web ou une extension de navigateur.

10 idées de projets JavaScript pour les débutants

JavaScript est un langage de programmation crucial à apprendre. Si vous êtes novice, voici quelques projets pour vous aider à approfondir vos connaissances.

Lire la suite

A propos de l'auteur