实用的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) (编辑:温州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |