加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

实用的JavaScript单行小技巧你不可不知吗?

发布时间:2021-06-03 14:17:12 所属栏目:编程 来源:互联网
导读:全世界有超过1000万的Javascript开发人员,而且这个数字每天都在增加。尽管JavaScript更出名的是它的动态特性,但它也有许多其他很棒的特性。在这篇博客中,我们

全世界有超过1000万的Javascript开发人员,而且这个数字每天都在增加。尽管JavaScript更出名的是它的动态特性,但它也有许多其他很棒的特性。在这篇博客中,我们将看到20个你应该知道的JavaScript单行程序。

1.随机ID生成

当你在进行原型设计并需要唯一的id时,这可以成为你的首选功能。

const a = Math.random().toString(36).substring(2); 

console.log(a) 

---------------------------- 

72pklaoe38u 

2.生成范围内的随机数

在很多情况下,我们需要在一个范围内生成一个随机数。Math.random函数可以帮助我们生成随机数,然后将其转换为所需的范围。

max = 20 

min = 10 

var a = Math.floor(Math.random() * (max - min + 1)) + min; 

console.log(a) 

------------------------- 

17 

3.随机排列数组(洗牌)

在JavaScript中,我们没有一个模块,因为python有 random.shuffle(),但还是有一种方法可以在一行代码中洗牌一个数组。

var arr = ["A", "B", "C","D","E"]; 

console.log(arr.slice().sort(() => Math.random() - 0.5)) 

------------------------------ 

[ 'C', 'B', 'A', 'D', 'E' ] 

4.获取随机布尔值

Javascript中的 Math.random 函数可用于生成范围之间的随机数。要生成一个随机布尔值,我们需要随机获取一个介于0到1之间的数字,然后检查它是否大于或小于0.5。

const randomBoolean = () => Math.random() >= 0.5; 

console.log(randomBoolean()); 

--------------------------------------- 

false 

5.生成随机十六进制代码

您可以使用这个一行程序挑战自己作为web开发人员的能力。这个一行程序将生成一个随机的十六进制代码。您可以使用一行程序生成3-6种颜色代码,这将为您创建一个颜色托盘。

console.log('#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0')); 

 

------------------1st Run------------ 

#48facd 

------------------2nd Run------------- 

#93d806 

------------------3rd Run------------- 

#9072f9 

6.反转字符串

反转字符串有很多方法,但这是我在互联网上找到的最简单的方法之一。

const reverse = str => str.split('').reverse().join(''); 

console.log(reverse('javascript')); 

---------------------------------------- 

tpircsavaj 

7.交换两个变量

下面的代码展示了一些简单的方法来交换两个变量,而不需要使用第三个变量,只需要一行代码。

a = 5 

b = 7 

---------方法 1--------- 

b = [a, a = b][0]; // One Liner  

----------方法 2----------- 

[a,b] = [b,a]; 

console.log("A=",a) 

console.log("B=",b) 

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读