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