微信号

功能介绍

英文来源 | https://javascript.plainenglish.io/7-killer-javascript-snippets-dbe49a9ccf11

由于 JavaScript 简洁明了的语法赢得了众多开发者的青睐，越来越多的开发者开始使用它。今天，我将向您介绍 7 个杀手级 JavaScript 代码片段，每个片段都有对应的图像和 StackBlitz，您可以在其中修改和查看结果。

这些代码片段不仅可以提高我们的开发效率，而且在某些情况下甚至可以替换额外的第三方库，使我们的应用程序更轻、性能更好。

所以，让我们开始吧！

1、4种方式将HTML String转为DOM

我们可以使用 ES6 提供的模板字面量（模板字符串）来编写 HTML 字符串，这样我们就可以将这些变量嵌入到 HTML 中，然后，通过下面的函数将这些字符串转换成真实的 DOM。通常在 3D 或地图中，这种动态 DOM 非常有用。

代码地址：https://stackblitz.com/edit/js-1pnjkv

2、格式化字节

当我们想将字节转换为可读文本时，下面的代码可能会对您有所帮助。

代码地址：https://stackblitz.com/edit/js-qknebm

3、用 4 种方式格式化货币

太多的钱，也会成为有钱人的烦恼，哈哈，我也想有这样的烦恼，有钱人的烦恼，下面的代码会让你摆脱这样的烦恼！

代码地址：https://stackblitz.com/edit/js-9db5qu

4、将URL参数转换为对象

当我们想从 URL 获取参数时，但浏览器或 Node.js 似乎没有提供类似的便捷方法。下面的代码可以满足我们的需求，它还支持重复键（将成为数组）。

代码地址：https://stackblitz.com/edit/js-mp9111

5、近乎完美的深拷贝

当我们为 JavaScript 为何不提供原生深拷贝功能而发愁时，下面的深拷贝功能考虑了几乎各种极端情况，足以让我们面对复杂的需求。

代码地址：https://stackblitz.com/edit/js-i1xfmd

6、获取对象给定路径的值

代码地址：https://stackblitz.com/edit/js-npurgf

7、按功能分组数组

根据某些特征对数组进行分组在某些场景中可能很有用。

代码地址：https://stackblitz.com/edit/js-cjkat7

总结

以上就是我今天给你分享的7个关于JavaScript的代码段，希望对你有用。

感谢你的阅读，祝编程愉快！

学习更多技能

请点击下方公众号