目录
生成数组
当你需要要生成一个0-99的数组
// 生成一个0-99的数组
// 方案一
const createArr = n => Array.from(new Array(n), (v, i) => i);
const arr = createArr(100);
console.log(arr, "------------");
// 方案二 利用fill填充和map改变数组
const createArr1 = n => new Array(n).fill(0).map((v, i) => i);
const arr1 = createArr1(100);
console.log(arr1, "------------");
数组简单数据去重
当你需要将数组中的所有重复的元素只保留一个
// 去重
const removeData = list => [...new Set(list)];
console.log(removeData([0, 0, 1, 2, 1, 3, 5, 2]), "------------");
多数组取交集
当你需要取多个数组中的交集
// 多数组取交集
const intersection = (a, ...arr) => {
return [...new Set(a)].filter(v => arr.every(b => b.includes(v)));
};
intersection([1, 2, 3, 4], [2, 3, 4, 7, 8], [1, 3, 4, 9]);
web
重新加载当前页面
const reload = () => location.reload();
reload()
滚动到页面顶部
如果你需要将页面翻到最顶部
const goToTop = () => window.scrollTo(0, 0);
goToTop(
查找最大值索引
但你需要找到一个数组中的最大值的索引
const indexOfMax = arr => arr.reduce((prev, curr, i, a) => (curr > a[prev] ? i : prev));
indexOfMax([1, 3, 4, 7, 5]); // 2
console.log(indexOfMax([1, 3, 4, 7, 5]), "------------");
进制转换
将10进制转换成n进制,可以使用toString(n)
const toDecimal = (num, n = 10) => num.toString(n);
// 假设数字10要转换成2进制
toDecimal(10, 2); // '1010'
console.log(toDecimal(10, 2), "------------");
将n进制转换成10进制,可以使用parseInt(num, n)
const toDecimalism = (num, n = 10) => parseInt(num, n);
toDecimalism(1010, 2);
console.log(toDecimalism(1010, 2), "------------");
文本粘贴
当你需要复制文本到粘贴板上
const copy = (text) => navigator.clipboard?.writeText && navigator.clipboard.writeText(text)
copy('你需要粘贴的文本')
删除无效属性
当你需要删除一个对象中的属性值为null或undefined的所有属性
const removeNullUndefined = (obj) => Object.entries(obj).reduce((a, [k, v]) => (v == null ? a : ((a[k] = v), a)), {});
removeNullUndefined({name: '', age: undefined, sex: null}) // { name: '' }
上面一长串连体写法可能不易懂,我拆分了一下,等价于下面写法
const removeNullUndefined = obj =>
Object.entries(obj).reduce((a, [k, v]) => {
if (v == null) { //console.log( undefined == null ) //true因此这里只需要判断null即可
return a;
} else {
a[k] = v;
return a;
}
}, {});
console.log(removeNullUndefined({ name: "1", age: undefined, sex: null }), "------------");
随机颜色生成
当你需要获取一个随机颜色
const getRandomColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16)}`;
getRandomColor(); // '#4c2fd7'