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

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

1.随机ID生成

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


  1. const a = Math.random().toString(36).substring(2); 
  2. console.log(a) 
  3. —————————- 
  4. 72pklaoe38u 

2.生成范围内的随机数

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


  1. max = 20 
  2. min = 10 
  3. var a = Math.floor(Math.random() * (max – min + 1)) + min
  4. console.log(a) 
  5. ————————- 
  6. 17 

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

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


  1. var arr = ["A""B""C","D","E"]; 
  2. console.log(arr.slice().sort(() => Math.random() – 0.5)) 
  3. —————————— 
  4. 'C''B''A''D''E' ] 

4.获取随机布尔值

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


  1. const randomBoolean = () => Math.random() >= 0.5; 
  2. console.log(randomBoolean()); 
  3. ————————————— 
  4. false 

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

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


  1. console.log('#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0')); 
  2.  
  3. ——————1st Run———— 
  4. #48facd 
  5. ——————2nd Run————- 
  6. #93d806 
  7. ——————3rd Run————- 
  8. #9072f9 

6.反转字符串

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


  1. const reverse = str => str.split('').reverse().join(''); 
  2. console.log(reverse('javascript')); 
  3. —————————————- 
  4. tpircsavaj 

7.交换两个变量

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


  1. a = 5 
  2. b = 7 
  3. ———方法 1——— 
  4. b = [a, a = b][0]; // One Liner  
  5. ———-方法 2———– 
  6. [a,b] = [b,a]; 
  7. console.log("A=",a) 
  8. console.log("B=",b) 
【声明】:芜湖站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

相关文章