js常用功能代码……

目录

一、获取一个随机布尔值（true/false）

二、检查日期是否为工作日

三、翻转字符串

四、检查是否是奇数

五、从日期中获取时间

六、保留小数点（非四舍五入）

七、检查元素是否为聚焦状态

八、检查浏览器是否支持触摸事件

九、检查当前用户是否为苹果设备

十、滚动到页面顶部

十一、获取所欲参数的平均值

十二、校验数组是否为空

十三、打乱数组

十四、获取用户选择的文本

十五、计算2个日期相差多少天

十六、英文字符串首字母大写

十七、检查变量是否为数组

十八、两个数之间生成一个随机数

十九、生成随机字符串（唯一ID）

二十、切换布尔

二十一、合并数组

---

---

---

一、获取一个随机布尔值（true/false）

      这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 0 和 1 之间创建一个随机数，之后我们检查它是否高于或低于 0.5。这意味着得到真或假的几率是 50%/50%。

二、检查日期是否为工作日

使用这个方法，你就可以检查函数参数是工作日还是周末。

三、翻转字符串

可以使用 split、reverse 和 join 方法轻松反转字符串

const reverse = str => str.split('').reverse().join('');
    
reverse('hello world');     
// Result: 'dlrow olleh'

四、检查是否是奇数

最简单的方式是通过使用模数运算符（%）来解决。

const isEven = num => num % 2 === 0;
    
console.log(isEven(2)); 
// Result: True

五、从日期中获取时间

通过使用 toTimeString() 方法，在正确的位置对字符串进行切片，我们可以从提供的日期中获取时间或者当前时间。

六、保留小数点（非四舍五入）

使用 Math.pow() 方法，我们可以将一个数字截断到某个小数点。

const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
// Examples
toFixed(25.198726354, 1);       // 25.1
toFixed(25.198726354, 2);       // 25.19
toFixed(25.198726354, 3);       // 25.198
toFixed(25.198726354, 4);       // 25.1987
toFixed(25.198726354, 5);       // 25.19872
toFixed(25.198726354, 6);       // 25.198726

七、检查元素是否为聚焦状态

我们可以使用 document.activeElement 属性检查一个元素当前是否处于聚焦状态。

const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus(anyElement)
// Result: will return true if in focus, false if not in focus

八、检查浏览器是否支持触摸事件

const touchSupported = () => {
  ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
}
console.log(touchSupported());
// Result: will return true if touch events are supported, false if not

九、检查当前用户是否为苹果设备

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevice);
// Result: will return true if user is on an Apple device

十、滚动到页面顶部

window.scrollTo() 方法会取一个 x 和 y 坐标来进行滚动。如果我们将这些坐标设置为零，就可以滚动到页面的顶部。

const goToTop = () => window.scrollTo(0, 0);
goToTop();
// Result: will scroll the browser to the top of the page

十一、获取所欲参数的平均值

const average = (...args) => args.reduce((a, b) => a + b) / args.length;
average(1, 2, 3, 4);
// Result: 2.5

十二、校验数组是否为空

一行代码检查数组是否为空,将返回true或false

const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;
    
isNotEmpty([1, 2, 3]);
// Result: true

十三、打乱数组

可以使用sort 和 random 方法打乱数组

const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());
    
console.log(shuffleArray([1, 2, 3, 4]));
// Result: [ 1, 4, 3, 2 ]

十四、获取用户选择的文本

使用内置的getSelection 属性获取用户选择的文本

const getSelectedText = () => window.getSelection().toString();
    
getSelectedText();

十五、计算2个日期相差多少天

const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000)
    
dayDif(new Date("2020-10-21"), new Date("2021-10-22"))
// Result: 366

十六、英文字符串首字母大写

Javascript没有内置的首字母大写函数，因此我们可以使用以下代码。

const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)
    
capitalize("follow for more")
// Result: Follow for more

十七、检查变量是否为数组

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

十八、两个数之间生成一个随机数

const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);

console.log(random(1, 50));
// could be anything from 1 - 50

十九、生成随机字符串（唯一ID）

const randomString = () => Math.random().toString(36).slice(2);

console.log(randomString());
// could be anything!!!

二十、切换布尔

// bool is stored somewhere in the upperscope
const toggleBool = () => (bool = !bool);
//or
const toggleBool = b => !b;

二十一、合并数组

// 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])]