- 生成字符串的字谜 - 使用递归生成给定字符串的所有可能字谜。
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)), []);
};
- 计算数组的平均数 - 使用
reduce
方法计算数组的平均值。
const average = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;
- 首字母大写每个单词 - 使用正则表达式匹配每个单词并大写。
const capitalizeEveryWord = str => str.replace(/\b[a-z]/g, char => char.toUpperCase());
- 检查字符串是否为回文 - 转换为小写并移除非字母字符,然后检查反转后的字符串是否与原字符串相同。
const palindrome = str => {
const s = str.toLowerCase().replace(/[\W_]/g, '');
return s === s.split('').reverse().join('');
};
- 计算数组中特定值的出现次数 - 使用
reduce
方法计算特定值的出现次数。
const countOccurrences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
- 获取当前URL - 使用
window.location.href
获取当前页面的URL。
const currentUrl = _ => window.location.href;
- Currying函数 - 使用递归实现函数柯里化。
const curry = (fn, arity = fn.length, ...args) =>
arity <= args.length ? fn(...args) : curry.bind(null, fn, arity, ...args);
- 深度扁平化数组 - 使用递归和
reduce
方法实现数组的深度扁平化。
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);
- 生成斐波那契数列 - 使用
reduce
方法生成长度为n的斐波那契数列。
const fibonacci = n => Array(n).fill(0).reduce((acc, val, i) => acc.concat(i > 1 ? acc[i - 1] + acc[i - 2] : i), []);
- 过滤数组中的非唯一值 - 过滤出数组中只出现一次的元素。
const filterNonUnique = arr => arr.filter(i => arr.indexOf(i) === arr.lastIndexOf(i));
- 扁平化数组 - 使用
reduce
和concat
方法扁平化数组。
const flatten = arr => arr.reduce((a, v) => a.concat(v), []);
- 获取数组中的最大值/最小值 - 使用
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
});
- 计算最大公约数 - 使用递归计算两个数的最大公约数。
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));
const validateNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) == n;
继续总结剩余的JavaScript代码片段:
- 反转字符串 - 使用数组的解构和
reverse
方法来反转字符串。
const reverseString = str => [...str].reverse().join('');
- RGB转十六进制颜色 - 将RGB颜色值转换为十六进制颜色字符串。
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);
}
};
- 随机化数组元素顺序 - 使用
sort
方法和Math.random
随机排序数组元素。
const shuffle = arr => arr.sort(() => Math.random() - 0.5);
const redirect = (url, asLink = true) =>
asLink ? window.location.href = url : window.location.replace(url);
- 获取数组中随机元素的值 - 根据随机生成的值对数组元素进行排序。
const countShuffle = arr => {
let r = arr.map(() => Math.random());
return arr.sort((a, b) => r[a] - r[b]);
};
- 过滤数组与给定值的相似性 - 过滤数组,只保留在给定数组
values
中的元素。
const similarity = (arr, values) => arr.filter(v => values.includes(v));
- 按字母顺序排序字符串中的字符 - 对字符串中的字符进行字母顺序排序。
const sortCharactersInString = str =>
str.split('').sort((a, b) => a.localeCompare(b)).join('');
- 计算数组元素总和 - 使用
reduce
方法计算数组中所有元素的总和。
const sum = arr => arr.reduce((acc, val) => acc + val, 0);
- 交换两个变量的值 - 使用数组解构交换两个变量的值。
// 示例中未给出具体的函数实现,但提供了基本的语法
// [varA, varB] = [varB, varA];
- 获取数组的尾部元素 - 返回数组除去第一个元素后的部分。
const tail = arr => arr.length > 1 ? arr.slice(1) : arr;
- 获取数组中的唯一值 - 使用
Set
对象去除数组中的重复元素。
const unique = arr => [...new Set(arr)];
- 解析URL参数 - 从URL中解析出参数并转换为对象。
const getUrlParameters = url =>
url.match(/([^?&=]+)(=([^&]*))/g).reduce((a, v) => (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1), a), {});
继续总结剩余的JavaScript代码片段:
- 初始化数组范围 - 使用
map
方法生成一个从start
到end
的数组。
const initializeArrayRange = (end, start = 0) =>
Array.apply(null, Array(end - start)).map((v, i) => i + start);
- 初始化数组为特定值 - 使用
fill
方法生成一个指定长度且每个元素都是value
的数组。
const initializeArray = (n, value = 0) => Array(n).fill(value);
const head = arr => arr[0];
- 获取数组的剩余元素(除去第一个) - 返回数组除去第一个元素后的所有元素。
const initial = arr => arr.slice(0, -1);
- 获取数组的最后一个元素 - 返回数组的最后一个元素。
const last = arr => arr.slice(-1)[0];
- 测试函数执行时间 - 使用
performance.now
测量函数执行时间。
const timeTaken = callback => {
console.time('timeTaken');
const r = callback();
console.timeEnd('timeTaken');
return r;
};
- 从键值对创建对象 - 使用
reduce
方法将键值对数组转换为对象。
const objectFromPairs = arr => arr.reduce((a, v) => (a[v[0]] = v[1], a), {});
- 函数管道 - 将多个函数组合执行,将一个函数的输出作为下一个函数的输入。
const pipe = (...funcs) => arg => funcs.reduce((acc, func) => func(acc), arg);
- 生成幂集 - 使用
reduce
和map
生成一个数组所有可能的子集。
const powerset = arr =>
arr.reduce((a, v) => a.concat(a.map(r => [v].concat(r))), [[]]);
- 生成范围内的随机整数 - 生成一个在
min
和max
之间的随机整数。
const randomIntegerInRange = (min, max) =>
Math.floor(Math.random() * (max - min + 1)) + min;
- 生成范围内的随机数 - 生成一个在
min
和max
之间的随机数。
const randomInRange = (min, max) => Math.random() * (max - min) + min;
- 判断数字能否被整除 - 使用模运算符判断
dividend
能否被divisor
整除。
const isDivisible = (dividend, divisor) => dividend % divisor === 0;
- 转义正则表达式特殊字符 - 使用
replace
方法转义正则表达式中的特殊字符。
const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
- 判断数字是偶数还是奇数 - 使用模运算符判断数字是偶数还是奇数。
const isEven = num => num % 2 === 0;
const factorial = n => n <= 1 ? 1 : n * factorial(n - 1);
这些代码片段展示了JavaScript在处理字符串、数组、数学运算以及DOM操作等方面的强大能力,非常适合在实际开发中快速实现功能。
该文章在 2024/11/4 10:42:42 编辑过