30 個基礎而實用的 JavaScript 代碼片段
作者：佚名
今天這篇文章，想跟大家分享 30 個基本并實用的 JavaScript 代碼片段，它們將幫助你提升你的 Web 開發能力。從用于提高性能的去抖動和節流功能，到數組操作、字符串操作和數字驗證等等。
今天這篇文章，想跟大家分享 30 個基本并實用的 JavaScript 代碼片段，它們將幫助你提升你的 Web 開發能力。從用于提高性能的去抖動和節流功能，到數組操作、字符串操作和數字驗證等等。
了解如何實施這些節省時間的技術并增強你的開發工作流程。通過這些不可或缺的 JavaScript 代碼片段，提升你的技能并在不斷發展的 Web 開發世界中保持領先地位。
1、去抖函數以限制它被調用的次數.
function debounce(func, delay) {
let timer;
return function() {
clearTimeout(timer);
timer = setTimeout(func, delay);
};
}2、節流函數以限制調用它的速率.
function throttle(func, limit) {
let throttled = false;
return function() {
if (!throttled) {
func();
throttled = true;
setTimeout(function() {
throttled = false;
}, limit);
}
};
}3、檢查變量是否為數組
function isArray(variable) {
return Array.isArray(variable);
}4、展平嵌套數組的數組
function flattenArray(array) {
return array.flat();
}5、生成介于最小值和最大值之間的隨機數
function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}6、檢查字符串是否為回文
function isPalindrome(str) {
const reversed = str.split('').reverse().join('');
return str === reversed;
}7、將字符串的第一個字母大寫
function capitalizeFirstLetter(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}8、檢查數字是否為偶數
function isEven(number) {
return number % 2 === 0;
}9、檢查一個數是否為質數
function isPrime(number) {
if (number <= 1) {
return false;
}
for (let i = 2; i <= Math.sqrt(number); i++) {
if (number % i === 0) {
return false;
}
}
return true;
}10、從字符串的開頭和結尾修剪空格
function trimWhitespace(str) {
return str.trim();
}11、檢查對象是否為空
function isEmptyObject(obj) {
return Object.keys(obj).length === 0;
}12、反轉字符串
function reverseString(str) {
return str.split('').reverse().join('');
}13、檢查值是否為數字
function isNumber(value) {
return typeof value === 'number' && !isNaN(value);
}14、洗牌數組
function shuffleArray(array) {
return array.sort(() => Math.random() - 0.5);
}15、從數組中刪除重復項
function removeDuplicates(array) {
return [...new Set(array)];
}16、獲取當前日期和時間
function getCurrentDateTime() {
return new Date();
}17、檢查字符串是否以特定子字符串開頭
function startsWith(str, substring) {
return str.startsWith(substring);
}18、將字符串轉換為小寫
function toLowerCase(str) {
return str.toLowerCase();
}19、檢查一個值是否是一個對象
function isObject(value) {
return typeof value === 'object' && value !== null;
}20、檢查字符串是否包含特定子字符串
function containsSubstring(str, substring) {
return str.includes(substring);
}21、生成指定長度的隨機字母數字字符串
function generateRandomAlphanumeric(length) {
let result = '';
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
for (let i = 0; i < length; i++) {
result += characters.charAt(Math.floor(Math.random() * characters.length));
}
return result;
}22、檢查數組中是否存在元素
function isInArray(array, element) {
return array.includes(element);
}23、反轉字符串中單詞的順序
function reverseWords(str) {
return str.split(' ').reverse().join(' ');
}24、檢查字符串是否以特定子字符串結尾
function endsWith(str, substring) {
return str.endsWith(substring);
}25、檢查一個值是否是一個函數
function isFunction(value) {
return typeof value === 'function';
}26、查找數組中的最大值
function findMaxValue(array) {
return Math.max(...array);
}27、查找數組中的最小值
function findMinValue(array) {
return Math.min(...array);
}28、將字符串轉換為字符數組
function stringToArray(str) {
return Array.from(str);
}29、檢查字符串是否為空或僅由空格組成
function isStringEmpty(str) {
return str.trim().length === 0;
}30、檢查值是否為布爾值：
function isBoolean(value) {
return typeof value === 'boolean';
}總結
以上就是我今天想與你分享的30個基礎實用的JavaScript代碼片段，希望對你有所幫助。
責任編輯：華軒
來源：
web前端開發
