- 生成字符串的字謎 - 使用遞歸生成給定字符串的所有可能字謎。
const anagrams = str => {
if (str.length <= 2) return str.length === 2 ? [str, str[1] + str[0]] : [str];
return str.split('').reduce((acc, letter, i) => acc.concat(anagrams(str.slice(0, i) + str.slice(i + 1)).map(val => letter + val)), []);
};
- 計算數(shù)組的平均數(shù) - 使用
reduce
方法計算數(shù)組的平均值。
const average = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;
- 首字母大寫每個單詞 - 使用正則表達式匹配每個單詞并大寫。
const capitalizeEveryWord = str => str.replace(/\b[a-z]/g, char => char.toUpperCase());
- 檢查字符串是否為回文 - 轉(zhuǎn)換為小寫并移除非字母字符,然后檢查反轉(zhuǎn)后的字符串是否與原字符串相同。
const palindrome = str => {
const s = str.toLowerCase().replace(/[\W_]/g, '');
return s === s.split('').reverse().join('');
};
- 計算數(shù)組中特定值的出現(xiàn)次數(shù) - 使用
reduce
方法計算特定值的出現(xiàn)次數(shù)。
const countOccurrences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
- 獲取當(dāng)前URL - 使用
window.location.href
獲取當(dāng)前頁面的URL。
const currentUrl = _ => window.location.href;
- Currying函數(shù) - 使用遞歸實現(xiàn)函數(shù)柯里化。
const curry = (fn, arity = fn.length, ...args) =>
arity <= args.length ? fn(...args) : curry.bind(null, fn, arity, ...args);
- 深度扁平化數(shù)組 - 使用遞歸和
reduce
方法實現(xiàn)數(shù)組的深度扁平化。
const deepFlatten = arr => arr.reduce((a, v) => a.concat(Array.isArray(v) ? deepFlatten(v) : v), []);
- 計算兩點之間的距離 - 使用
Math.hypot
方法計算兩點之間的歐幾里得距離。
const distance = (x0, y0, x1, y1) => Math.hypot(x1 - x0, y1 - y0);
- 生成斐波那契數(shù)列 - 使用
reduce
方法生成長度為n的斐波那契數(shù)列。
const fibonacci = n => Array(n).fill(0).reduce((acc, val, i) => acc.concat(i > 1 ? acc[i - 1] + acc[i - 2] : i), []);
- 過濾數(shù)組中的非唯一值 - 過濾出數(shù)組中只出現(xiàn)一次的元素。
const filterNonUnique = arr => arr.filter(i => arr.indexOf(i) === arr.lastIndexOf(i));
- 扁平化數(shù)組 - 使用
reduce
和concat
方法扁平化數(shù)組。
const flatten = arr => arr.reduce((a, v) => a.concat(v), []);
- 獲取數(shù)組中的最大值/最小值 - 使用
Math.max
/Math.min
和擴展運算符。
const arrayMax = arr => Math.max(...arr);
const arrayMin = arr => Math.min(...arr);
const getScrollPos = (el = window) => ({
x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop
});
- 計算最大公約數(shù) - 使用遞歸計算兩個數(shù)的最大公約數(shù)。
const gcd = (x, y) => !y ? x : gcd(y, x % y);
- 生成UUID - 使用
crypto
API生成符合RFC4122版本4的UUID。
const uuid = _ => ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16));
- 驗證數(shù)字 - 檢查參數(shù)是否為有效的數(shù)字。
const validateNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) == n;
繼續(xù)總結(jié)剩余的JavaScript代碼片段:
- 反轉(zhuǎn)字符串 - 使用數(shù)組的解構(gòu)和
reverse
方法來反轉(zhuǎn)字符串。
const reverseString = str => [...str].reverse().join('');
- RGB轉(zhuǎn)十六進制顏色 - 將RGB顏色值轉(zhuǎn)換為十六進制顏色字符串。
const rgbToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
const scrollToTop = _ => {
const c = document.documentElement.scrollTop || document.body.scrollTop;
if (c > 0) {
window.requestAnimationFrame(scrollToTop);
window.scrollTo(0, c - c / 8);
}
};
- 隨機化數(shù)組元素順序 - 使用
sort
方法和Math.random
隨機排序數(shù)組元素。
const shuffle = arr => arr.sort(() => Math.random() - 0.5);
const redirect = (url, asLink = true) =>
asLink ? window.location.href = url : window.location.replace(url);
- 獲取數(shù)組中隨機元素的值 - 根據(jù)隨機生成的值對數(shù)組元素進行排序。
const countShuffle = arr => {
let r = arr.map(() => Math.random());
return arr.sort((a, b) => r[a] - r[b]);
};
- 過濾數(shù)組與給定值的相似性 - 過濾數(shù)組,只保留在給定數(shù)組
values
中的元素。
const similarity = (arr, values) => arr.filter(v => values.includes(v));
- 按字母順序排序字符串中的字符 - 對字符串中的字符進行字母順序排序。
const sortCharactersInString = str =>
str.split('').sort((a, b) => a.localeCompare(b)).join('');
- 計算數(shù)組元素總和 - 使用
reduce
方法計算數(shù)組中所有元素的總和。
const sum = arr => arr.reduce((acc, val) => acc + val, 0);
- 交換兩個變量的值 - 使用數(shù)組解構(gòu)交換兩個變量的值。
// 示例中未給出具體的函數(shù)實現(xiàn),但提供了基本的語法
// [varA, varB] = [varB, varA];
- 獲取數(shù)組的尾部元素 - 返回數(shù)組除去第一個元素后的部分。
const tail = arr => arr.length > 1 ? arr.slice(1) : arr;
- 獲取數(shù)組中的唯一值 - 使用
Set
對象去除數(shù)組中的重復(fù)元素。
const unique = arr => [...new Set(arr)];
- 解析URL參數(shù) - 從URL中解析出參數(shù)并轉(zhuǎn)換為對象。
const getUrlParameters = url =>
url.match(/([^?&=]+)(=([^&]*))/g).reduce((a, v) => (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1), a), {});
繼續(xù)總結(jié)剩余的JavaScript代碼片段:
- 初始化數(shù)組范圍 - 使用
map
方法生成一個從start
到end
的數(shù)組。
const initializeArrayRange = (end, start = 0) =>
Array.apply(null, Array(end - start)).map((v, i) => i + start);
- 初始化數(shù)組為特定值 - 使用
fill
方法生成一個指定長度且每個元素都是value
的數(shù)組。
const initializeArray = (n, value = 0) => Array(n).fill(value);
- 獲取數(shù)組的第一個元素 - 返回數(shù)組的第一個元素。
const head = arr => arr[0];
- 獲取數(shù)組的剩余元素(除去第一個) - 返回數(shù)組除去第一個元素后的所有元素。
const initial = arr => arr.slice(0, -1);
- 獲取數(shù)組的最后一個元素 - 返回數(shù)組的最后一個元素。
const last = arr => arr.slice(-1)[0];
- 測試函數(shù)執(zhí)行時間 - 使用
performance.now
測量函數(shù)執(zhí)行時間。
const timeTaken = callback => {
console.time('timeTaken');
const r = callback();
console.timeEnd('timeTaken');
return r;
};
- 從鍵值對創(chuàng)建對象 - 使用
reduce
方法將鍵值對數(shù)組轉(zhuǎn)換為對象。
const objectFromPairs = arr => arr.reduce((a, v) => (a[v[0]] = v[1], a), {});
- 函數(shù)管道 - 將多個函數(shù)組合執(zhí)行,將一個函數(shù)的輸出作為下一個函數(shù)的輸入。
const pipe = (...funcs) => arg => funcs.reduce((acc, func) => func(acc), arg);
- 生成冪集 - 使用
reduce
和map
生成一個數(shù)組所有可能的子集。
const powerset = arr =>
arr.reduce((a, v) => a.concat(a.map(r => [v].concat(r))), [[]]);
- 生成范圍內(nèi)的隨機整數(shù) - 生成一個在
min
和max
之間的隨機整數(shù)。
const randomIntegerInRange = (min, max) =>
Math.floor(Math.random() * (max - min + 1)) + min;
- 生成范圍內(nèi)的隨機數(shù) - 生成一個在
min
和max
之間的隨機數(shù)。
const randomInRange = (min, max) => Math.random() * (max - min) + min;
- 判斷數(shù)字能否被整除 - 使用模運算符判斷
dividend
能否被divisor
整除。
const isDivisible = (dividend, divisor) => dividend % divisor === 0;
- 轉(zhuǎn)義正則表達式特殊字符 - 使用
replace
方法轉(zhuǎn)義正則表達式中的特殊字符。
const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
- 判斷數(shù)字是偶數(shù)還是奇數(shù) - 使用模運算符判斷數(shù)字是偶數(shù)還是奇數(shù)。
const isEven = num => num % 2 === 0;
- 計算數(shù)字的階乘 - 使用遞歸計算數(shù)字的階乘。
const factorial = n => n <= 1 ? 1 : n * factorial(n - 1);
這些代碼片段展示了JavaScript在處理字符串、數(shù)組、數(shù)學(xué)運算以及DOM操作等方面的強大能力,非常適合在實際開發(fā)中快速實現(xiàn)功能。
該文章在 2024/11/4 10:42:42 編輯過