27 hàm javascript thông dụng được viết ngắn gọn
1. Copy to Clipboard - Đưa nội dung vào clipboard
Hàm này sẽ giúp mọi người dễ dàng copy bất kỳ đoạn text nào vào clipboard nhanh chóng, chỉ một dòng thôi nhé
JavaScript:
// Khai báo
const copyToClipboard = (text) => navigator.clipboard.writeText(text);
// Sử dụng
copyToClipboard("Dòng này sẽ được copy vào clipboard.");2. Get a random number in a specific range - Lấy một số ngẫu nhiên trong một đoạn cụ thể
JavaScript:
// khai báo
const randomNumberInRange = (min = 0, max = 100) => Math.floor(Math.random() * (max - min + 1)) + min;
// sử dụng
randomNumberInRange()
// Result: Theo tham số mặc nhiên thì nó sẽ lấy giá trị ngẫu nhiên giữa 0 và 100.
randomNumberInRange(100, 300)
// Result: Bạn sẽ nhận được một số nằm trong khoảng 100 - 3003. Convert RGB to Hex - Chuyển hệ RGB (Red Green Blue sang mã Hexadecimal)
JavaScript:
// khai báo
const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
// sử dụng
rgbToHex(0, 51, 255);
// Result: #0033ff4. Scroll to top - Chuyển nhanh scroll trang về đầu trang
JavaScript:
// khai báo
const goToTop = () => window.scrollTo(0, 0);
// sử dụng
goToTop();5. Find the number of gap days between two dates - Tìm số ngày là khoảng cách giữa hai ngày
JavaScript:
// khai báo
const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000)
// sử dụng
dayDif(new Date("2020-10-21"), new Date("2021-10-22"))
// Result: 3666. Generate Random Hex - Tạo ngẫu nhiên giá trị Hexa
JavaScript:
// khai báo
const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`;
// sử dụng
console.log(randomHex());
// Result: #92b0087. Check if the provided day is a weekday - Kiểm tra nếu giá trị đưa vào là một ngày trong tuần hay ngày kết thúc của tuần đó
JavaScript:
// khai báo
const isWeekday = (date) => date.getDay() % 6 !== 0;
// sử dụng
console.log(isWeekday(new Date(2021, 0, 11)));
// Result: true (Monday)
console.log(isWeekday(new Date(2021, 0, 10)));
// Result: false (Sunday)8. Convert Temperature Fahrenheit / Celsius - Chuyển đổi thang đo độ giữa độ F và độ C
JavaScript:
// khai báo
const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;
const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;
// sử dụng
celsiusToFahrenheit(15); // 59
celsiusToFahrenheit(0); // 32
celsiusToFahrenheit(-20); // -4
fahrenheitToCelsius(59); // 15
fahrenheitToCelsius(32); // 09. Check if the user is on an Apple device - Kiểm tra nếu người dùng đang dùng thiết bị của Apple
JavaScript:
// khai báo
const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
// sử dụng
console.log(isAppleDevice);
// Result: will return true if user is on an Apple device10. Get the time from a date - Lấy thời gian từ một object ngày tháng
JavaScript:
// khai báo
const timeFromDate = date => date.toTimeString().slice(0, 8);
// sử dụng
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 time11. Strip HTML From Text - Tách các tag HTML ra khỏi văn bản
JavaScript:
// khai báo
const stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';
// sử dụng
stripHtml('<h1>Hello <strong>World</strong>!!!</h1>');
// Result: Hello World!!!12. Toggle (show/hide) of an Element - Toggle hiển thị hoặc ẩn đi một Element
JavaScript:
// khai báo
const toggleElementDisplay = element => element.style.display = (element.style.display === "none" ? "block" : "none");
// sử dụng
toggleElementDisplay(document.body)
// Result: Page body should be invisible, if it was present before and on executing command again it should be toggled13. Reverse a String - Đảo ngược một string
JavaScript:
// khai báo
const stringReverse = str => str.split("").reverse().join("");
// sử dụng
stringReverse('elcitra ym ekil uoy epoh i');
// Result: i hope you like my article14. Capitalize a String - Viết chữ cái đầu in hoa một string
JavaScript:
// khai báo
const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
// sử dụng
capitalize("i hope you like my article.");
// I hope you like my article.15. Round Decimals to a Certain Number of Decimal Places - Làm tròn số thập phân đến một số vị trí thập phân nhất định
JavaScript:
// Mặc định của JS
Number((1.005).toFixed(2)) //outputs 1 instead of 1.01
Number((1.555).toFixed(2)) //outputs 1.55 instead of 1.56
const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d);
round(1.005, 2) //1.01
round(1.555, 2) //1.5616. Shuffle an Array - Đảo vị trí các phần tử của một mảng
JavaScript:
const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());
console.log(shuffleArray([1, 2, 3, 4]));
// Result: [ 1, 4, 3, 2 ]17. Detect Dark Mode - Phát hiện dark mode
JavaScript:
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
console.log(isDarkMode) // Result: True or False18. Get Query Params from URL - lấy tham số từ url
JavaScript:
const getParameters = (URL) => JSON.parse('{"' + decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') +'"}');
getParameters("https://www.google.de/search?q=cars&start=40");
// Result: { q: 'cars', start: '40' }19. Get the Average of an Array of Number - Lấy giá trị trung bình của một mảng số
JavaScript:
const average = arr => arr.reduce((a, b) => a + b) / arr.length;
average([21, 56, 23, 122, 67])
//57.820. Check if the current user has touch events supported - Kiểm tra nếu người dùng hiện tại có hỗ trợ các sự kiện cảm ứng
JavaScript:
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 not21. Find the day of the year - Tìm thứ tự ngày trong năm
JavaScript:
const dayOfYear = (date) =>
Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);
dayOfYear(new Date());
// Result: 27222. Get Value of a browser Cookie - Lấy giá trị cookie
JavaScript:
const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift();
cookie('_ga');
// Result: "GA1.2.1929736587.1601974046"23. Clear All browser Cookies - Xóa toàn bộ cookies
JavaScript:
const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));24. Get a random boolean value (true/false) - Lấy giá trị true false ngẫu nhiên
JavaScript:
const randomBoolean = () => Math.random() >= 0.5;
console.log(randomBoolean());
// Result: a 50/50 change on returning true of false25. Remove Duplicates in an Array - Xóa giá trị trùng trong mảng
JavaScript:
const removeDuplicates = (arr) => [...new Set(arr)];
removeDuplicates([31, 56, 12, 31, 45, 12, 31]);
//[ 31, 56, 12, 45 ]26. Check if Date is Valid - Kiểm tra ngày tháng có hợp lệ hay không
JavaScript:
const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf());
isDateValid("December 17, 1995 03:24:00");
// Result: true27. Get a random item from an array - Lấy phần tử ngẫu nhiên ở trong một mảng các giá trị
JavaScript:
const randomArrayItem = (arr) => arr[Math.floor(Math.random() * arr.length)];
randomArrayItem(['lol', 'a', 2, 'foo', 52, 'Jhon', 'hello', 57]);
// Result: It will be some random item from arrayNguồn: Medium
