当前位置: 首页 > 科技观察

初学者开发者的九个JavaScript一行

时间:2023-03-18 01:02:56 科技观察

JavaScript可以做令人惊奇的事情!从复杂的框架到使用API,有很多东西需要学习。但是,它还使您能够仅用一行代码就可以做一些很酷的事情。今天就让我们一起来了解一下面向初学者开发者的9篇JavaScript单行吧!1.随机排列一个数组一个超级简单的函数,它将一个数字数组作为参数并将它们全部随机排列!constshuffleArray=(arr)=>arr。片()。sort(()=>Math.random()-0.5)控制台。log(shuffleArray([1,2,3,4,5,6]))2.Throwdice另一个使用随机方法的JavaScript是这段代码,它使用随机方法返回1到6之间的数字。constthrowdice=()=>~~(Math.random()*6)+1;throwdice();掷骰子();掷骰子();3.检测深色模式以下JavaScript可用于检测深色模式:constisDarkMode=window.matchMedia&&window.matchMedia('(prefers-color-scheme:dark)').matches;4.检查代码是否在浏览器中运行您可能知道,JavaScript代码可以在各种不同的地方运行!在服务器、终端或最常见的浏览器中。如果你只想在网络浏览器上运行时执行你的代码的某个部分,你可以使用下面的代码来检查它!constisBrowser=typeofwindow==='object'&&typeofdocument==='object';5.获取cookie的值现在几乎每个网站,你基本上都绕不过去了。如果你想获取你知道名字的特定cookie的值,你可以使用下面的函数来获取它!constcookie=名称=>`;${document.cookie}`.split(`;${name}=`).pop().split(';').shift();cookie('_ga');饼干('朗');6.创建过去7天的数组一个非常酷的技巧,返回过去7天的数组,包括当天。您可以将-替换为+,您将获得接下来的7天!constpastSevenDays=[...Array(7).keys()].map(days=>newDate(Date.now()-86400000*days));控制台日志(过去七天);constcomingSevenDays=[...Array(7).keys()].map(days=>newDate(Date.now()+86400000*days));console.log(comingSevenDays);7.交换两个变量这是一个超级基本的例子,我是多年后才发现的!简单地交换两个变量的值显然是超级容易的。让a=1让b=2[a,b]=[b,a];console.log(a)console.log(b)8.将字符串转换为URLSlugs从字符串到URLSlugs可能是一个棘手的逻辑。我们可以使用删除特殊字符并在单词之间添加“-”的小型RegEx来解决此问题。一探究竟!constslugify=string=>string.toLowerCase().replace(/\s+/g,'-').replace(/[^\w-]+/g,'');slugify('第四集:一个新的希望');9.生成随机的十六进制颜色你可能永远不知道什么时候需要随机的十六进制颜色值。我们可以使用下面的这个JavaScript单行代码来生成一个随机的十六进制颜色代码。constrandomHexColor=()=>'#'+(0x1000000+Math.random()*0xffffff).toString(16).slice(1,6);randomHexColor()randomHexColor()randomHexColor()写在上面最后是我今天给大家分享9个适合初级开发者学习JavaScript的知识内容。我希望它对你有用。如果觉得有用,请点赞,关注我,别忘了把这篇文章分享给想学习JavaScript的朋友们。最后,非常感谢您阅读到这里,祝您编程愉快!