1. Obtenir une valeur booléenne aléatoire (vrai/faux)
Cette fonction renvoie une valeur booléenne (vraie ou fausse) en utilisant la méthode Math.random(). Math.random créera un nombre aléatoire entre 0 et 1 , après quoi nous vérifions s'il est supérieur ou inférieur à 0,5. Cela signifie que les chances d'obtenir vrai ou faux sont de 50 %/50 %.
const randomBoolean = () => Math.random() >= 0.5;
console.log(randomBoolean());
// Result: a 50/50 change on returning true of false
2. Vérifiez si la date est un jour ouvrable
En utilisant cette méthode, vous pouvez vérifier si le paramètre de la fonction est un jour de semaine ou un week-end.
const isWeekday = (date) => date.getDay() % 6 !== 0;
console.log(isWeekday(new Date(2021, 0, 11)));
// Result: true (Monday)
console.log(isWeekday(new Date(2021, 0, 10)));
// Result: false (Sunday)
3. Inversez la chaîne
Il existe plusieurs façons d'inverser une chaîne. Le code suivant est l'un des moyens les plus simples.
const reverse = str => str.split('').reverse().join('');
reverse('hello world');
// Result: 'dlrow olleh'
4. Vérifiez si la page d'onglet actuelle est au premier plan
Nous pouvons vérifier si l'onglet actuel est au premier plan en utilisant la propriété document.hidden.
const isBrowserTabInView = () => document.hidden;
isBrowserTabInView();
// Result: returns true or false depending on if tab is in view / focus
5. Vérifiez si le nombre est pair
Pour ce faire, le moyen le plus simple consiste à utiliser l'opérateur de module (%). Si vous ne le connaissez pas, voici une belle illustration de Stack Overflow.
const isEven = num => num % 2 === 0;
console.log(isEven(2));
// Result: true
console.log(isEven(3));
// Result: false
6. Obtenez le temps à partir de la date
En découpant la chaîne à la bonne position à l'aide de la méthode toTimeString(), nous pouvons obtenir l'heure ou l'heure actuelle à partir de la date fournie.
const timeFromDate = date => date.toTimeString().slice(0, 8);
console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0)));
// Result: "17:30:00"
console.log(timeFromDate(new Date()));
// Result: will log the current time
7. Gardez la virgule décimale (non arrondie)
En utilisant la méthode Math.pow(), nous pouvons tronquer un nombre à une certaine décimale.
const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
// Examples
toFixed(25.198726354, 1); // 25.1
toFixed(25.198726354, 2); // 25.19
toFixed(25.198726354, 3); // 25.198
toFixed(25.198726354, 4); // 25.1987
toFixed(25.198726354, 5); // 25.19872
toFixed(25.198726354, 6); // 25.198726
8. Vérifiez si l'élément est actuellement mis au point
Nous pouvons vérifier si un élément est actuellement focalisé en utilisant la propriété document.activeElement.
const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus(anyElement)
// Result: will return true if in focus, false if not in focus
9. Vérifiez si le navigateur prend en charge les événements tactiles
const touchSupported = () => {
('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
}
console.log(touchSupported());
// Result: will return true if touch events are supported, false if not
10. Vérifiez si l'utilisateur actuel est un appareil Apple
Nous pouvons utiliser navigator.platform pour vérifier si l'utilisateur actuel est un appareil Apple.
const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevice);
// Result: will return true if user is on an Apple device
11. Faites défiler vers le haut de la page
La méthode window.scrollTo() prend une coordonnée x et y pour faire défiler. Si nous définissons ces coordonnées sur zéro, nous pouvons faire défiler vers le haut de la page.
const goToTop = () => window.scrollTo(0, 0);
goToTop();
// Result: will scroll the browser to the top of the page