使用算术运算符 * 和 /
让我们用 * 和/ 运算符玩更多的花样。
其原理与先前的方法相同，但是有一些小问题。
04-获取数组中的唯一值(数组去重)
从数组中删除所有重复值的非常简单的方法。此函数将数组转换为Set，然后返回数组。
const uniqueArr = (arr) => [...new Set(arr)];
console.log(uniqueArr([1, 2, 3, 1, 2, 3, 4, 5]));
// [1, 2, 3, 4, 5]
05-检查变量是否为数组
一种检查变量是否为数组的干净简便的方法。
当然，也可以有其他方法
const isArray = (arr) => Array.isArray(arr);
console.log(isArray([1, 2, 3]));
// true
console.log(isArray({ name: 'Ovi' }));
// false
console.log(isArray('Hello World'));
// false
06-在两个数字之间生成一个随机数
这将以两个数字为参数，并将在这两个数字之间生成一个随机数！
const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
console.log(random(1, 50));
// could be anything from 1 - 50
07-生成随机字符串（唯一ID？）
也许你需要临时的唯一ID，这是一个技巧，你可以使用它在旅途中生成随机字符串。
const randomString = () => Math.random().toString(36).slice(2);
console.log(randomString());
// could be anything!!!
08-滚动到页面顶部
所述window.scrollTo（）方法把一个X和Y坐标滚动到。
如果将它们设置为零和零，我们将滚动到页面顶部。
const scrollToTop = () => window.scrollTo(0, 0);
scrollToTop();
09-切换布尔
切换布尔值是非常基本的编程问题之一，可以通过许多不同的方法来解决。
代替使用if语句来确定将布尔值设置为哪个值，你可以使用函数使用！翻转当前值。非运算符。
// bool is stored somewhere in the upperscope
const toggleBool = () => (bool = !bool);
//or
const toggleBool = b => !b;
11-计算两个日期之间的天数
要计算两个日期之间的天数，
我们首先找到两个日期之间的绝对值，然后将其除以86400000（等于一天中的毫秒数），最后将结果四舍五入并返回。
const daysDiff = (date, date2) => Math.ceil(Math.abs(date - date2) / 86400000);
console.log(daysDiff(new Date('2021-05-10'), new Date('2021-11-25')));
// 199
12-将文字复制到剪贴板
你可能需要添加检查以查看是否存在navigator.clipboard.writeText
const copyTextToClipboard = async (text) => {
await navigator.clipboard.writeText(text);
};
13-合并多个数组的不同方法
有两种合并数组的方法。其中之一是使用concat方法。另一个使用扩展运算符（…）。
PS：我们也可以使用“设置”对象从最终数组中复制任何内容。
// Merge but don't remove the duplications
const merge = (a, b) => a.concat(b);
// Or
const merge = (a, b) => [...a, ...b];
// Merge and remove the duplications
const merge = [...new Set(a.concat(b))];
// Or
const merge = [...new Set([...a, ...b])];
15-在结尾处截断字符串
需要从头开始截断字符串，这不是问题！
const truncateString = (string, length) => {
return string.length < length ? string : `${string.slice(0, length - 3)}...`;
};
console.log(
truncateString('Hi, I should be truncated because I am too loooong!', 36),
);
// Hi, I should be truncated because...
16-从中间截断字符串
从中间截断字符串怎么样？
该函数将一个字符串作为第一个参数，然后将我们需要的字符串大小作为第二个参数，然后从第3个和第4个参数开始和结束需要多少个字符
const truncateStringMiddle = (string, length, start, end) => {
return `${string.slice(0, start)}...${string.slice(string.length - end)}`;
};
console.log(
truncateStringMiddle(
'A long story goes here but then eventually ends!', // string
25, // 需要的字符串大小
13, // 从原始字符串第几位开始截取
17, // 从原始字符串第几位停止截取
),
);
// A long story ... eventually ends!
17-大写字符串
好吧，不幸的是，JavaScript没有内置函数来大写字符串，但是这种解决方法可以实现。
const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
console.log(capitalize('hello world'));
18-检查当前选项卡是否在视图/焦点内
此简单的帮助程序方法根据选项卡是否处于视图/焦点状态而返回true或false
const isTabInView = () => !document.hidden; // Not hidden
isTabInView();
19-both方法
检查给函数是否对给定的一组参数返回true。
对使用提供的参数调用这两个函数的结果使用逻辑and（&&）运算符。
const both = (f, g) => (...args) => f(...args) && g(...args);
const isEven = num => num % 2 === 0;
const isPositive = num => num > 0;
const isPositiveEven = both(isEven, isPositive);
isPositiveEven(4); // true
isPositiveEven(-2); // false
网友评论