js常用功能代码……

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

十九、生成随机字符串(唯一ID)

二十、切换布尔

二十一、合并数组




一、获取一个随机布尔值(true/false)

=======================

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

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

============

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

三、翻转字符串

=======

可以使用 splitreverse 和 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

十二、校验数组是否为空

===========

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

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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值