天天看点

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

英文来源 | 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

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

2、格式化字节

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

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

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

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

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

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

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

4、将URL参数转换为对象

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

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

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

5、近乎完美的深拷贝

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

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

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

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

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

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

7、按功能分组数组

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

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

7 个杀手级 JavaScript 代码段,让您的开发工作更轻松

总结

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

感谢你的阅读,祝编程愉快!

学习更多技能

请点击下方公众号

继续阅读