最も役立つ JavaScript スニペット

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 サイトの他の関連記事を参照してください。