1. ランダムなブール値 (true/false)を取得します。
この関数は、Math.random() メソッドを使用してブール値 (true または false) を返します。Math.random は0 から 1 までの乱数を作成し、その後、それが 0.5 より大きいか小さいかを確認します。これは、true または false になる確率が 50%/50% であることを意味します。
const randomBoolean = () => Math.random() >= 0.5;
console.log(randomBoolean());
// Result: a 50/50 change on returning true of false
2. その日が営業日かどうかを確認します
このメソッドを使用すると、関数のパラメータが平日か週末かを確認できます。
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. 文字列を反転します
文字列を反転するにはいくつかの方法があります。次のコードは最も簡単な方法の 1 つです。
const reverse = str => str.split('').reverse().join('');
reverse('hello world');
// Result: 'dlrow olleh'
4. 現在のタブページが最前面にあるかどうかを確認します
document.hidden プロパティを使用して、現在のタブが最前面にあるかどうかを確認できます。
const isBrowserTabInView = () => document.hidden;
isBrowserTabInView();
// Result: returns true or false depending on if tab is in view / focus
5. 数値が偶数かどうかを確認する
これを行う最も簡単な方法は、係数演算子 (%) を使用することです。これに慣れていない場合は、Stack Overflow からの素晴らしい図を参照してください。
const isEven = num => num % 2 === 0;
console.log(isEven(2));
// Result: true
console.log(isEven(3));
// Result: false
6.日付から時間を取得する
toTimeString() メソッドを使用して文字列を正しい位置でスライスすると、指定された日付から時間または現在時刻を取得できます。
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. 小数点を保持します(四捨五入しない)。
Math.pow() メソッドを使用すると、数値を特定の小数点以下で切り捨てることができます。
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. 要素が現在フォーカスされているかどうかを確認します
document.activeElement プロパティを使用して、要素が現在フォーカスされているかどうかを確認できます。
const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus(anyElement)
// Result: will return true if in focus, false if not in focus
9. ブラウザがタッチイベントをサポートしているかどうかを確認します
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. 現在のユーザーが Apple デバイスであるかどうかを確認します
navigator.platform を使用して、現在のユーザーが 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. ページの一番上までスクロールします
window.scrollTo() メソッドは、スクロールするための x 座標と y 座標を受け取ります。これらの座標をゼロに設定すると、ページの上部までスクロールできます。
const goToTop = () => window.scrollTo(0, 0);
goToTop();
// Result: will scroll the browser to the top of the page