十八、两个数之间生成一个随机数
十九、生成随机字符串(唯一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;