建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
30個基礎(chǔ)而實用的JavaScript代碼片段
今天這篇文章，想跟大家分享 30 個基本并實用的 JavaScript 代碼片段，它們將幫助你提升你的 Web 開發(fā)能力。從用于提高性能的去抖動和節(jié)流功能，到數(shù)組操作、字符串操作和數(shù)字驗證等等。
創(chuàng)新互聯(lián)建站秉承實現(xiàn)全網(wǎng)價值營銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，網(wǎng)站設(shè)計、網(wǎng)站建設(shè)，重慶小程序開發(fā)，網(wǎng)頁設(shè)計制作，移動網(wǎng)站建設(shè)，營銷型網(wǎng)站建設(shè)幫助傳統(tǒng)企業(yè)實現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對客戶都以感恩的心態(tài)奉獻自己的專業(yè)和所長。
了解如何實施這些節(jié)省時間的技術(shù)并增強你的開發(fā)工作流程。通過這些不可或缺的 JavaScript 代碼片段，提升你的技能并在不斷發(fā)展的 Web 開發(fā)世界中保持領(lǐng)先地位。
1、去抖函數(shù)以限制它被調(diào)用的次數(shù).
function debounce(func, delay) {
let timer;
return function() {
clearTimeout(timer);
timer = setTimeout(func, delay);
};
}2、節(jié)流函數(shù)以限制調(diào)用它的速率.
function throttle(func, limit) {
let throttled = false;
return function() {
if (!throttled) {
func();
throttled = true;
setTimeout(function() {
throttled = false;
}, limit);
}
};
}3、檢查變量是否為數(shù)組
function isArray(variable) {
return Array.isArray(variable);
}4、展平嵌套數(shù)組的數(shù)組
function flattenArray(array) {
return array.flat();
}5、生成介于最小值和最大值之間的隨機數(shù)
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、檢查數(shù)字是否為偶數(shù)
function isEven(number) {
return number % 2 === 0;
}9、檢查一個數(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、檢查對象是否為空
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ù)項
function removeDuplicates(array) {
return [...new Set(array)];
}16、獲取當(dāng)前日期和時間
function getCurrentDateTime() {
return new Date();
}17、檢查字符串是否以特定子字符串開頭
function startsWith(str, substring) {
return str.startsWith(substring);
}18、將字符串轉(zhuǎn)換為小寫
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、生成指定長度的隨機字母數(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、檢查一個值是否是一個函數(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個基礎(chǔ)實用的JavaScript代碼片段，希望對你有所幫助。
網(wǎng)站欄目：30個基礎(chǔ)而實用的JavaScript代碼片段
本文路徑：http://www.dlmjj.cn/article/dhessce.html
