js常用代码【js代码有哪些语法规则】 收藏 0

127个常用的JS代码片段，每段代码花30秒就能看懂（一）

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

FreeCodeCamp的创始人 Quincy Larson 在最近的一次采访中被问到哪种语言开发人员应该首先学习。他回答：“ JavaScript。”

“软件正在吞噬世界，JavaScript正在吞噬软件。JavaScript每年都在变得越来越占主导地位，而且没人知道最终会取代它的是什么。\” 如果您没有充分的理由学习一种新语言（例如您的工作要求您维护非JavaScript代码库），那么我的建议是着重于提高JavaScript的水平。”

听我说这么多，你是不是很激动呢。这里有127端常用的JS代码片段，方便你学习和使用。

如果数组所有元素满足函数条件，则返回true。调用时，如果省略第二个参数，则默认传递布尔值。

判断数组中的元素是否都相等

此代码示例检查两个数字是否近似相等，差异值可以通过传参的形式进行设置

此段代码将没有逗号或双引号的元素转换成带有逗号分隔符的字符串即CSV格式识别的形式。

此段代码将数组元素转换成<li>标记，并将此元素添加至给定的ID元素标记内。

此段代码执行一个函数，将剩余的参数传回函数当参数，返回相应的结果，并能捕获异常。

此段代码返回两个或多个数的平均数。

一个 map()函数和 reduce()函数结合的例子，此函数先通过 map() 函数将对象转换成数组，然后在调用reduce()函数进行累加，然后根据数组长度返回平均值。

此函数包含两个参数，类型都为数组，依据第二个参数的真假条件，将一个参数的数组进行分组，条件为真的放入第一个数组，其它的放入第二个数组。这里运用了Array.prototype.reduce() 和 Array.prototype.push() 相结合的形式。

此段代码将数组按照指定的函数逻辑进行分组，满足函数条件的逻辑为真，放入第一个数组中，其它不满足的放入第二个数组 。这里运用了Array.prototype.reduce() 和 Array.prototype.push() 相结合的形式，基于函数过滤逻辑，通过 Array.prototype.push() 函数将其添加到数组中。

用于检测页面是否滚动到页面底部。

此代码返回字符串的字节长度。这里用到了Blob对象，Blob（Binary Large Object）对象代表了一段二进制数据，提供了一系列操作接口。其他操作二进制数据的API（比如File对象），都是建立在Blob对象基础上的，继承了它的属性和方法。生成Blob对象有两种方法：一种是使用Blob构造函数，另一种是对现有的Blob对象使用slice方法切出一部分。

将字符串的首字母转成大写,这里主要运用到了ES6的展开语法在数组中的运用。

将一个句子中每个单词首字母转换成大写字母，这里中要运用了正则表达式进行替换。

此段代码将非数值的值转换成数组对象。

将数组中移除值为 false 的内容。

统计数组中某个值出现的次数

此代码段使用 existSync() 检查目录是否存在，然后使用 mkdirSync() 创建目录（如果不存在）。

返回当前访问的 URL 地址。

返回当前是今年的第几天

将字符串的首字母转换成小写字母

今天的内容就和大家分享到这里，感谢你的阅读，如果你喜欢我的分享，麻烦给个关注、点赞加转发哦，你的支持，就是我分享的动力，后续会持续分享剩余的代码片段，欢迎持续关注。

本文原作者：Fatos Morina

来源网站：medium

注：并非直译

这18个实用JavaScript功能函数，会让你的代码看起来更专业

这十几个函数，对于前端的开发的同学来说，非常实用，比如，如何生成一个唯一的字符串ID，如何转义HTML特殊字符。而对于想提升JS基础能力及面试能力的同学来讲，也非常有用，每一个功能考的都是你的基本功扎不扎实的问题。能学东西

我们可以使用Math.random方法来生成 一个随机字符中，比如，当我们需要生成一个唯一字符串ID的时候，这就非常适合。

转义HTML特殊字符有什么作用，我相信大家都知道，防XSS攻击。那如何实现这个函数呢？

正则是最厉害的处理方法

自动转成驼峰命名，这个函数该如何实现了。

删除重复值，这个功能函数的实现是比较简单，但是非常实用

有时在面试新同学的时候，我也会问这道题，其实硬写也能实现，但是使用reduce就非常赞了。

这个方法，教你如何过滤掉数组中的所有虚假值。

比较简单实现方式就是使用%来解决

可以考虑用现成的方法来处理，比如Math.floor + Math.random

如果一个函数的参数是多个数字，我需要得到他们的平均值。是的，使用reduce方法来解决。

使用Math.round来封装一个

计算两个日期相差多少天这个功能，在特殊的场合也是非常有用的，怎么封装了。

关于日期的计算总是需要借助<x>new Date</x>来处理

如果有面试官让你实现一个随机生成十六进制颜色的功能，那这样写就行了。

这个功能的实现有一定的理解成本，不然怎么说JS的基础很重要了

清除cookie是我们常用的功能，也是面试中经常会问到的一些实现的功能函数。

这个问题我之前也分享过，最简单的方式就是利用解构能力

使用Promise来封装，是非常容易实现的

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com