> 웹 프론트엔드 > JS 튜토리얼 > 가장 유용한 JavaScript 스니펫

가장 유용한 JavaScript 스니펫

Mary-Kate Olsen
풀어 주다: 2024-10-31 21:37:29
원래의
886명이 탐색했습니다.

Most Useful JavaScript Snippets

가장 유용한 JavaScript 스니펫 20개

필수 스니펫으로 코딩 효율성을 높이세요.

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. 두 개체 병합

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿