前往顾页
以后地位: 主页 > 收集编程 > Jsp实例教程 >

值得你保藏的48个JavaScript代码片段

时候:2017-12-21 12:08来源:知行网www.zhixing123.cn 编辑:麦田守望者

Anagrams of string(带有反复项)

利用递归。对给定字符串中的每个字母,为字母建立灯谜。利用map()将字母与每部分灯谜组合,然后利用reduce()将所有灯谜组合到一个数组中,最根基环境是字符串长度即是2或1。

图1:精心收集的48个JavaScript代码片段

 

 

数组均匀数

利用reduce()将每个值增加到累加器,初始值为0,总和除以数组长度。

图2:精心收集的48个JavaScript代码片段

 

 

年夜写每个单词的首字母

利用replace()婚配每个单词的第一个字符,并利用toUpperCase()来将其年夜写。

图3:精心收集的48个JavaScript代码片段

 

 

首字母年夜写

利用slice(0,1)和toUpperCase()年夜写第一个字母,slice(1)获得字符串的其他部分。 省略lowerRest参数以保持字符串的其他部分不变,或将其设置为true以转换为小写。(重视:这和上一个示例不是同一件事情)

图4:精心收集的48个JavaScript代码片段

 

 

查抄回文

将字符串转换为toLowerCase(),并利用replace()从中删除非字母的字符。然后,将其转换为tolowerCase(),将(”)拆分为伶仃字符,reverse(),join(”),与原始的非反转字符串进行比较,然后将其转换为tolowerCase()。

图5:精心收集的48个JavaScript代码片段

 

 

计数数组中值的呈现次数

每次碰到数组中的特定值时,利用reduce()来递增计数器。

图6:精心收集的48个JavaScript代码片段

 

 

以后URL

利用window.location.href来获得以后URL。

图7:精心收集的48个JavaScript代码片段

 

 

Curry

利用递归。如果供应的参数(args)数量充足,则调用通报函数f,不然前往一个curried函数f。

图8:精心收集的48个JavaScript代码片段

 

 

Deep flatten array

利用递归,利用reduce()来获得所有不是数组的元素,flatten每个元素都是数组。

图9:精心收集的48个JavaScript代码片段

 

 

数组之间的辨别

利用filter()移除value的部分值,利用includes()肯定。

图10:精心收集的48个JavaScript代码片段

 

 

两点之间的间隔

利用Math.hypot()计较两点之间的欧几里德间隔。

图11:精心收集的48个JavaScript代码片段

 

 

可以按数字整除

利用模运算符(%)来查抄余数是不是即是0。

图12:精心收集的48个JavaScript代码片段

 

 

转义正则表达式

利用replace()来转义特别字符。

图13:精心收集的48个JavaScript代码片段

 

 

偶数或奇数

利用Math.abs()将逻辑扩展为正数,利用模(%)运算符进行查抄。 如果数字是偶数,则前往true;如果数字是奇数,则前往false。

图14:精心收集的48个JavaScript代码片段

 

 

阶乘

利用递归。如果n小于或即是1,则前往1。不然前往n和n – 1的阶乘的乘积。

图15:精心收集的48个JavaScript代码片段

 

 

斐波那契数组天生器

建立一个特定长度的空数组,初始化前两个值(0和1)。利用Array.reduce()向数组中增加值,前面的一个数即是前面两个数相加上和(前两个除外)。

图16:精心收集的48个JavaScript代码片段

 

 

过滤数组中的非独一值

将Array.filter()用于仅包含独一值的数组。

图17:精心收集的48个JavaScript代码片段

 

 

Flatten数组

利用reduce()来获得数组中的所有元素,并利用concat()来使它们flatten。

图18:精心收集的48个JavaScript代码片段

 

 

从数组中获得最年夜值

利用Math.max()与spread运算符(…)连络获得数组中的最年夜值。

图19:精心收集的48个JavaScript代码片段

 

 

从数组中获得最小值

利用Math.min()与spread运算符(…)连络获得数组中的最小值。

图20:精心收集的48个JavaScript代码片段

 

 

获得动弹地位

如果已定义,请利用pageXOffset和pageYOffset,不然利用scrollLeft和scrollTop,可以省略el来利用window的默许值。

图21:精心收集的48个JavaScript代码片段

 

 

最年夜条约数(GCD)

利用递归。根基环境是当y即是0时。在这类环境下,前往x。不然,前往y的GCD和x / y的其他部分。

图22:精心收集的48个JavaScript代码片段

 

 

Head of list

前往ARR[0]

图23:精心收集的48个JavaScript代码片段

 

 

list初始化

前往arr.slice(0,-1)

图24:精心收集的48个JavaScript代码片段

 

 

range初始化数组

利用Array(end-start)建立所需长度的数组,利用map()来添补范围中的所需值,可以省略start利用默许值0。

图25:精心收集的48个JavaScript代码片段

 

 

用值初始化数组

利用Array(n)建立所需长度的数组,fill(v)以添补所需的值,可以忽视value利用默许值0。

图26:精心收集的48个JavaScript代码片段

 

 

列表的最后

前往arr.slice(-1)[0]

图27:精心收集的48个JavaScript代码片段

 

 

测试服从所破钞的时候

利用performance.now()获得函数的开端和结束时候,console.log()所破钞的时候。第一个参数是函数名,随后的参数通报给函数。

图28:精心收集的48个JavaScript代码片段

 

 

来自键值对的工具

利用Array.reduce()来建立和组合键值对。

图29:精心收集的48个JavaScript代码片段
管道

利用Array.reduce()经由过程函数通报值。

图30:精心收集的48个JavaScript代码片段

 

 

Powerset

利用reduce()与map()连络来遍历元素,并将其组分解包含所有组合的数组。

图31:精心收集的48个JavaScript代码片段

 

 

范围内的随机整数

利用Math.random()天生一个随机数并将其映照到所需的范围,利用Math.floor()使其成为一个整数。

图32:精心收集的48个JavaScript代码片段

 

 

范围内的随机数

利用Math.random()天生一个随机值,利用乘法将其映照到所需的范围。

图33:精心收集的48个JavaScript代码片段

 

 

随机化数组的依次

利用sort()从头排序元素,操纵Math.random()来随机排序。

图34:精心收集的48个JavaScript代码片段

 

 

重定向到URL

利用window.location.href或window.location.replace()重定向到url。 通报第二个参数来摹拟链接点击(true – default)或HTTP重定向(false)。

图35:精心收集的48个JavaScript代码片段

 

 

反转一个字符串

利用数组解构和Array.reverse()来倒置字符串中的字符依次。归并字符以利用join(”)获得字符串。

图36:精心收集的48个JavaScript代码片段

 

 

RGB到十六进制

利用按位左移运算符(<<)和toString(16),然后padStart(6,“0”)将给定的RGB参数转换为十六进制字符串以获得6位十六进制值。

图37:精心收集的48个JavaScript代码片段

 

 

动弹到顶部

利用document.documentElement.scrollTop或document.body.scrollTop获得到顶部的间隔。

从顶部动弹一小部分间隔。

利用window.requestAnimationFrame()来动弹。

图38:精心收集的48个JavaScript代码片段

 

 

随机数组值

利用Array.map()和Math.random()建立一个随机值的数组。利用Array.sort()按照随机值对原始数组的元素进行排序。

图39:精心收集的48个JavaScript代码片段

 

 

数组之间的类似性

利用filter()移除不是values的一部分值,利用includes()肯定。

图40:精心收集的48个JavaScript代码片段

 

 

按字符串排序(按字母依次摆列)

利用split(”)豆割字符串,sort()利用localeCompare(),利用join(”)从头组合。

图41:精心收集的48个JavaScript代码片段

 

 

数组总和

利用reduce()将每个值增加到累加器,初始化值为0。

图42:精心收集的48个JavaScript代码片段

 

 

互换两个变量的值

利用数组解构来互换两个变量之间的值。

图43:精心收集的48个JavaScript代码片段

 

 

列表的tail

前往arr.slice(1)

图44:精心收集的48个JavaScript代码片段

 

 

数组独一值

利用ES6 Set和… rest操纵符去失落所有反复值。

图45:精心收集的48个JavaScript代码片段

 

 

URL参数

利用match() 与恰当的正则表达式来获得所有键值对,恰当的map() 。利用Object.assign()和spread运算符(…)将所有键值对组合到一个工具中,将location.search作为参数通报给以后url。

图46:精心收集的48个JavaScript代码片段

 

 

UUID天生器

利用crypto API天生适合RFC4122版本4的UUID。

图47:精心收集的48个JavaScript代码片段

 

 

考证数字

利用!isNaN和parseFloat()来查抄参数是不是是一个数字,利用isFinite()来查抄数字是不是是无限的。

图48:精心收集的48个JavaScript代码片段
顶一下
(1)
100%
踩一下
(0)
0%
------分开线----------------------------
标签(Tag):Javascript JavaScript代码片段
------分开线----------------------------
颁发评论
请自发遵循互联网相关的政策法规,严禁公布色情、暴力、革命的谈吐。
评价:
神色:
考证码:点击我更换图片
猜你感兴趣