javascript js函数 js技巧
作者:互联网
在本文中,您将了解14 个对每个 Web 或前端开发人员都有用的重要 JavaScript 函数。
请随意将本文用作 Web 开发人员的工具箱,并在您的 JavaScript 项目中尽可能应用它们。
您在这里学到的一切都将加速您的开发并节省您宝贵的时间!
所以不要浪费更多时间让我们开始吧
1.最大数量
此 JavaScript 代码段将查找并返回数组中的 n 个最大元素。
2. 三元运算符
三元运算符真的很有帮助。通过使用三元运算符,您可以避免难看的、复杂的、嵌套的条件if...elseif...elseif 。
3.从数组中删除重复项
我们经常遇到数组中有多个重复数据,并使用循环来删除这些重复数据。但是,使用 JavaScript 和 Set 类型,我们可以在不使用循环的情况下以简单的方式删除重复项。
4.在数组中查找特定对象
Array.find()这个 JavaScript 代码片段展示了我们可以如何轻松地通过使用该函数并在其中提供属性比较来找到数组中的特定对象。
5. 资本化
此 JavaScript 代码段展示了一种将任何字符串取消大写的简单方法。但是,它只会取消第一个字符的大写!
6.反转字符串
在 JavaScript 中,我们可以很容易地将任意 String 反转split为数组,reverse将数组再反转join为 String。
7. 计算一年中的第几天
此 JavaScript 片段计算一年中的第几天。如果我们想在网站或日历中显示当前日期,此功能会很有用。
8. 将数组转换为 HTML 列表元素
此 JavaScript 片段从数组生成 HTML 列表并将其放入给定的 HTML 元素中。如果我们想在网页上显示数组中的数据并且我们只使用简单的纯 JavaScript 而没有很酷的框架,这将很有用。
9.缩短控制台日志
如果我们在代码中一次又一次地使用 console.log() ,我们应该考虑缩短它。幸运的是,在 JavaScript 中,这可以通过使用 bind 函数轻松完成。它将加快开发进程!
10. 从输入数组中获取样本大小
此 JavaScript 函数将采用任何数组并创建一个仅包含原始数组中的值的新数组。也可以提供新数组的大小。
11. JavaScript 中的解构
以下 JavaScript 片段展示了每个 JavaScript 开发人员都应该知道的技术:JavaScript 解构。可以在 JavaScript 中使用解构赋值语法将属性从数组解包到不同的变量中。
将属性从数组解包到不同变量中的 JavaScript 解构赋值
实际上,我们可以将它用于任何可迭代对象,而不仅仅是数组!
将任何可迭代对象的属性解包到不同变量中的 JavaScript 解构赋值
12. 深度展平数组
这个 JavaScript 片段将展平每个数组。此外,它将深深地压平它,这意味着它不关心原始数组中有多少子数组。
13. 查找数组中的多个索引
要在数组中查找索引,我们可以使用该indexOf函数。但是,如果我们多次出现一个值,该indexOf函数将只返回第一个。带有 indexOfAll 函数的 JavaScript 片段将遍历整个数组并生成包含找到的每个索引的输出数组。
14.检查对象是否为特定类型
几乎每个 JavaScript 开发人员都知道我们不能通过使用==.
幸运的是,这个 JavaScript 函数可用于比较两个 JavaScript 对象并检查它们是否具有相同的类型。
可用于比较两个 JavaScript 对象并检查它们是否具有相同类型的 JavaScript 函数。
结束语
我希望你觉得这篇文章有帮助!如果您也有好的 JavaScript 函数可以分享,请随时在这里发表评论并与其他开发人员分享。
请随意将本文用作 Web 开发人员的工具箱,并在您的 JavaScript 项目中尽可能应用它们。
您在这里学到的一切都将加速您的开发并节省您宝贵的时间!
所以不要浪费更多时间让我们开始吧
1.最大数量
此 JavaScript 代码段将查找并返回数组中的 n 个最大元素。
2. 三元运算符
三元运算符真的很有帮助。通过使用三元运算符,您可以避免难看的、复杂的、嵌套的条件if...elseif...elseif 。
3.从数组中删除重复项
我们经常遇到数组中有多个重复数据,并使用循环来删除这些重复数据。但是,使用 JavaScript 和 Set 类型,我们可以在不使用循环的情况下以简单的方式删除重复项。
4.在数组中查找特定对象
Array.find()这个 JavaScript 代码片段展示了我们可以如何轻松地通过使用该函数并在其中提供属性比较来找到数组中的特定对象。
5. 资本化
此 JavaScript 代码段展示了一种将任何字符串取消大写的简单方法。但是,它只会取消第一个字符的大写!
6.反转字符串
在 JavaScript 中,我们可以很容易地将任意 String 反转split为数组,reverse将数组再反转join为 String。
7. 计算一年中的第几天
此 JavaScript 片段计算一年中的第几天。如果我们想在网站或日历中显示当前日期,此功能会很有用。
8. 将数组转换为 HTML 列表元素
此 JavaScript 片段从数组生成 HTML 列表并将其放入给定的 HTML 元素中。如果我们想在网页上显示数组中的数据并且我们只使用简单的纯 JavaScript 而没有很酷的框架,这将很有用。
9.缩短控制台日志
如果我们在代码中一次又一次地使用 console.log() ,我们应该考虑缩短它。幸运的是,在 JavaScript 中,这可以通过使用 bind 函数轻松完成。它将加快开发进程!
10. 从输入数组中获取样本大小
此 JavaScript 函数将采用任何数组并创建一个仅包含原始数组中的值的新数组。也可以提供新数组的大小。
11. JavaScript 中的解构
以下 JavaScript 片段展示了每个 JavaScript 开发人员都应该知道的技术:JavaScript 解构。可以在 JavaScript 中使用解构赋值语法将属性从数组解包到不同的变量中。
将属性从数组解包到不同变量中的 JavaScript 解构赋值
实际上,我们可以将它用于任何可迭代对象,而不仅仅是数组!
将任何可迭代对象的属性解包到不同变量中的 JavaScript 解构赋值
12. 深度展平数组
这个 JavaScript 片段将展平每个数组。此外,它将深深地压平它,这意味着它不关心原始数组中有多少子数组。
13. 查找数组中的多个索引
要在数组中查找索引,我们可以使用该indexOf函数。但是,如果我们多次出现一个值,该indexOf函数将只返回第一个。带有 indexOfAll 函数的 JavaScript 片段将遍历整个数组并生成包含找到的每个索引的输出数组。
14.检查对象是否为特定类型
几乎每个 JavaScript 开发人员都知道我们不能通过使用==.
幸运的是,这个 JavaScript 函数可用于比较两个 JavaScript 对象并检查它们是否具有相同的类型。
可用于比较两个 JavaScript 对象并检查它们是否具有相同类型的 JavaScript 函数。
结束语
我希望你觉得这篇文章有帮助!如果您也有好的 JavaScript 函数可以分享,请随时在这里发表评论并与其他开发人员分享。