ホームページ > ウェブフロントエンド > jsチュートリアル > 最も役立つ JavaScript スニペット

最も役立つ JavaScript スニペット

Mary-Kate Olsen
リリース: 2024-10-31 21:37:29
オリジナル
887 人が閲覧しました

Most Useful JavaScript Snippets

20 の最も役立つ JavaScript スニペット

これらの重要なスニペットを使用してコーディングの効率を高めます。

1. 乱数の生成

let randomNum = Math.floor(Math.random() * maxNum);
ログイン後にコピー

2. オブジェクトが空かどうかの確認

function isEmptyObject(obj) { return Object.keys(obj).length === 0; }
ログイン後にコピー

3. カウントダウンタイマーの作成

function countdownTimer(minutes) { /* countdown logic */ }
ログイン後にコピー

4. オブジェクトの配列のソート

function sortByProperty(arr, property) { return arr.sort((a, b) => (a[property] > b[property]) ? 1 : -1); }
ログイン後にコピー

5. 配列からの重複の削除

let uniqueArr = [...new Set(arr)];
ログイン後にコピー

6. 文字列の切り詰め

function truncateString(str, num) { return str.length > num ? str.slice(0, num) + "..." : str; }
ログイン後にコピー

7. 文字列をタイトルケースに変換する

function toTitleCase(str) { return str.replace(/\b\w/g, function(txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }); }
ログイン後にコピー

8. 配列に値が存在するかどうかの確認

let isValueInArray = arr.includes(value);
ログイン後にコピー

9. 文字列を反転する

let reversedStr = str.split("").reverse().join("");
ログイン後にコピー

10. 既存のアレイから新しいアレイを作成する

let newArr = oldArr.map(function(item) { return item + 1; });
ログイン後にコピー

11. 関数呼び出しのデバウンス

function debounce(func, delay) { let timeout; return function(...args) { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), delay); }; }
ログイン後にコピー

12. 関数呼び出しの調整

function throttle(func, limit) { let lastFunc; let lastRan; return function(...args) { if (!lastRan) { func.apply(this, args); lastRan = Date.now(); } else { clearTimeout(lastFunc); lastFunc = setTimeout(function() { if ((Date.now() - lastRan) >= limit) { func.apply(this, args); lastRan = Date.now(); } }, limit - (Date.now() - lastRan)); } }; }
ログイン後にコピー

13. オブジェクトのクローン作成

const cloneObject = (obj) => ({ ...obj });
ログイン後にコピー

14. 2 つのオブジェクトの結合

const mergeObjects = (obj1, obj2) => ({ ...obj1, ...obj2 });
ログイン後にコピー

15. 回文文字列のチェック

function isPalindrome(str) { const cleanedStr = str.replace(/[^A-Za-z0-9]/g, '').toLowerCase(); return cleanedStr === cleanedStr.split('').reverse().join(''); }
ログイン後にコピー

16. 配列内の出現数を数える

const countOccurrences = (arr) => arr.reduce((acc, val) => (acc[val] ? acc[val]++ : acc[val] = 1, acc), {});
ログイン後にコピー

17. 日付オブジェクトから年間通算日を取得する

const dayOfYear = date => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);
ログイン後にコピー

18. 配列からの一意の値をフィルタリングする

const uniqueValues = arr => [...new Set(arr)];
ログイン後にコピー

19. 度をラジアンに変換する

const degreesToRads = deg => (deg * Math.PI) / 180;
ログイン後にコピー

20. 関数の実行の遅延

const defer = (fn, ...args) => setTimeout(fn, 1, ...args);
ログイン後にコピー

以上が最も役立つ JavaScript スニペットの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート