英文来源 | 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的代码段,希望对你有用。
感谢你的阅读,祝编程愉快!
学习更多技能
请点击下方公众号