js代码大全 ja新手代码大全

js代码大全 java新手代码大全

JaScript是目前最流行的编程语言之一。正如大多数人所说,“如果你想学习一门编程语言,请学习JaScript。”

在最近的一次采访中,FreeCodeCamp的创始人昆西·拉森(Quincy Larson)被问及开发人员应该首先学习哪种语言。他回答:“JaScript。”

“软件在吞噬世界,JaScript在吞噬软件。JaScript每年都变得越来越占主导地位,没有人知道最终会被什么取代。"如果你没有很好的理由去学习一门新的语言(比如你的工作需要你维护一个非JaScript的代码库),那么我的建议是专注于提高JaScript的水平。”

收到我这么多信你兴奋吗?下面是127个常用的JS代码片段,方便你学习和使用。

1、all

如果数组的所有元素都满足函数条件,则返回true。调用时,如果省略第二个参数,默认情况下将传递一个布尔值。

const all = (arr,fn = Boolean)= & gt;arr . every(fn);all([4,2,3],x = & gtx & gt1);// trueall([1,2,3]);// true2,allEqual确定数组中的所有元素是否相等。

const allEqual = arr = & gtarr . every(val = & gt;val = = = arr[0]);alle equal([1,2,3,4,5,6]);//false alle equal([1,1,1,1]);// true3,approximate equal这个代码示例检查两个数是否近似相等,差值可以通过传递参数来设置。

const approximatelyEqual = (v1,v2,ε= 0.001)= & gt;math . ABS(v1-v2)& lt;ε;大约相等(数学。PI / 2.0,1.5708);// true4。这段代码将不带逗号或双引号的元素转换成带逗号分隔符的字符串,即CSV格式可识别的形式。

const arrayToCSV = (arr,delimiter = & # 39,')= & gtarr . map(v = & gt;v . map(x = & gt;`"$ { x } & # 34`).join(分隔符))。加入(& # 39;\ n & # 39);arrayToCSV([[& # 39;一& # 39;, 'b & # 39], ['c & # 39, 'd & # 39]]);// '"一& # 34;,"b & # 34\ n & # 34c & # 34,"d & # 34'arrayToCSV([[& # 39;一& # 39;, 'b & # 39], ['c & # 39, 'd & # 39]], ';');// '"一& # 34;;"b & # 34\ n & # 34c & # 34;"d & # 34'5.这段代码将数组元素转换成< li & gt标记,并将该元素添加到给定的ID元素标记中。

const arrayToHtmlList = (arr,listID)= & gt;(el = & gt((El = document . query selector(& # 39;#'+ listID))、(El . innerhtml+= arr . map(item = & gt;` & lt李& gt$ { item } & lt/李& gt`).加入(& # 39;')) ))();arraytohtml list([& # 39;第1项& # 39;, '第2项& # 39;], 'myListID & # 39);6.Try这段代码执行一个函数,将剩余的参数作为参数返回给函数,返回相应的结果,并且可以捕捉异常。

const尝试= (fn,…args) = >{ try { return fn(…args);} catch(e){ return e instance of Error?e:新错误(e);}};var elements = attempt(function(selector){ return document . query selector all(selector);}, '& gt_ & gt');if(elements instance of Error)elements =[];// elements = []7。这个代码返回两个或更多数字的平均值。

常数平均值=(…nums)= & gt;nums.reduce((acc,val)= & gt;acc + val,0)/nums . length;平均(…[1, 2, 3]);// 2erage(1,2,3);// 28.通过结合map()函数和reduce()函数的例子。这个函数首先通过map()函数将对象转换成数组,然后通过调用reduce()函数进行累加,再根据数组的长度返回平均值。

const erageBy = (arr,fn) = >arr . map(type of fn = = = & # 39;功能& # 39;?fn:val = & gt;val[fn])。reduce((acc,val)= & gt;acc + val,0)/arr . length;erageBy([{ n: 4 },{ n: 2 },{ n: 8 },{ n: 6 }],o = & gto . n);// 5erageBy([{ n: 4 },{ n: 2 },{ n: 8 },{ n: 6 }],& # 39;n & # 39);// 59.这个函数包含两个参数,都是数组。根据第二个参数的真假条件,对一个参数的数组进行分组。如果条件为真,将其放入第一个数组,将其他放入第二个数组。这里使用了Array.prototype.reduce()和Array.prototype.push()的组合。

const divide =(arr,filter)= & gt;arr.reduce((acc,val,I)= & gt;(acc[filter[i]?0 : 1].push(val),acc),[[],[]]);分叉([& # 39;哔& # 39;, 'boop & # 39, '福& # 39;, '酒吧& # 39;],[真,真,假,真]);// [ ['哔& # 39;, 'boop & # 39, '酒吧& # 39;], ['福& # 39;] ]10.这段代码根据指定的函数逻辑对数组进行分组。满足函数条件的逻辑为真,放入第一个数组,其他放入第二个数组。本文采用Array.prototype.reduce()和Array.prototype.push()的组合,基于函数过滤逻辑,通过Array.prototype.push()函数加入数组。

const divide by =(arr,fn)= & gt;arr.reduce((acc,val,I)= & gt;(acc[fn(val,I)?0 : 1].push(val),acc),[[],[]]);分叉by([& # 39;哔& # 39;, 'boop & # 39, '福& # 39;, '酒吧& # 39;],x = & gtx[0]= = = & # 39;b & # 39);// [ ['哔& # 39;, 'boop & # 39, '酒吧& # 39;], ['福& # 39;] ]11.bottomVisible用于检测页面是否滚动到页面底部。

const bottom visible =()= & gt;document . document element . client height+window . scrolly & gt;=(document . document element . scroll height | | document . document element . client height);bottom visible();// true12,byteSize这段代码返回字符串的字节长度。此处使用了Blob对象。Blob(二进制大对象)表示一段二进制数据,提供一系列操作接口。其他操纵二进制数据(如文件对象)的API基于Blob对象,并继承其属性和方法。有两种方法可以生成Blob对象:一种是使用Blob构造函数,另一种是使用slice方法来剪切现有Blob对象的一部分。

const byteSize = str = & gt新的Blob([str])。尺寸;字节大小(& # 39;');//4 bytesize(& # 39;你好世界& # 39;);// 1113.大写将字符串的首字母转换为大写,主要应用于数组中ES6扩展语法的应用。

const capitalize首先,…rest])= & gt;first . toupper case()+rest . join(& # 39;');大写(& # 39;fooBar & # 39);// 'FooBar & # 39大写(& # 39;fooBar & # 39,真);// 'FooBar & # 39CapitalizeEveryWord将句子中每个单词的第一个字母转换为大写字母,其中正则表达式用于替换它。

const capitalize every word = str = & gt;str.replace(/\b[a-z]/g,char = & gtchar . toupper case());capitalizeEveryWord(& # 39;你好世界!');// '你好世界!'15.这段代码将非数值转换成数组对象。

const castArray = val = & gt(Array.isArray(val)?val:[val]);castArray(& # 39;福& # 39;);// ['福& # 39;]cast array([1]);// [1]16.compact将从数组中删除值为false的内容。

const compact = arr = & gtarr.filter(布尔型);compact([0,1,false,2,& # 39;', 3, '一& # 39;, 'e & # 39* 23,南,& # 39;s & # 39, 34]);// [ 1, 2, 3, '一& # 39;, 's & # 39, 34 ]17.countOccurrences计算一个值在数组中出现的次数。

const countOccurrences = (arr,val)= & gt;arr.reduce((a,v)= & gt;(v === val?a + 1 : a),0);countOccurrences([1,1,2,1,2,3],1);// 318、创建目录该代码片段使用existSync()检查目录是否存在,然后使用mkdirSync()创建目录(如果不存在)。

const fs = require(& # 39;fs & # 39);const createDirIfNotExists = dir = & gt;(!fs.existsSync(dir)?fs.mkdirSync(dir):未定义);createDirIfNotExists(& # 39;测试& # 39;);//创建目录& # 39;测试& # 39;,如果不& # 39;T exist19和currentURL返回当前访问的URL地址。

const current URL =()= & gt;window . location . href;current URL();// 'https://medium.com/@fatoorina' 20。dayOfYear返回今年的某一天。

const dayOfYear = date = & gtmath . floor((Date-new Date(Date . get full year(),0,0))/1000/60/60/24);dayOfYear(新日期());// 27221,decapitalize将字符串的首字母转换为小写字母。

const decapitalize = ([first,…rest])= & gt;first . tolowercase()+rest . join(& # 39;')取消大写(& # 39;FooBar & # 39);// 'fooBar & # 39今天该节的内容就在这里与大家分享。感谢您的阅读。如果你喜欢我的分享,请关注,喜欢,转发。你的支持是我分享的动力。以后我会继续分享剩下的代码片段。欢迎继续关注。

本文作者:法托斯·莫里纳

来源网站:中

注意:这不是直译

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

发表回复

登录后才能评论