温故而知新,8个有用的JS技巧「小知识点」
这些技巧可能大家大部分都用过了,如果用过就当作加深点映像,如果没有遇到过,就当作学会了几个技巧。1. 确保数组值 使用 grid ,需要重新创建原始数据,并且每行的列长度可能不匹配, 为了确保不匹配行之间的长度相等,可以使用Array.fill方法。
2. 获取数组唯一值 ES6 提供了从数组中提取惟一值的两种非常简洁的方法。不幸的是,它们不能很好地处理非基本类型的数组。在本文中,主要关注基本数据类型。
3.使用展开运算符合并对象和对象数组 对象合并是很常见的事情,我们可以使用新的ES6特性来更好,更简洁的处理合并的过程。
4. 数组 map 的方法 (不使用Array.Map)
另一种数组 map 的实现的方式,不用 Array.map。Array.from 还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。如下:
5. 有条件的对象属性不再需要根据一个条件创建两个不同的对象,可以使用展开运算符号来处理。
有时候一个对象包含很多属性,而我们只需要其中的几个,这里可以使用解构方式来提取我们需要的属性。如一个用户对象内容如下:
我们需要提取出两个部分,分别是用户及用户信息,这时可以这样做:
7. 动态属性名 早期,如果属性名需要是动态的,我们首先必须声明一个对象,然后分配一个属性。这些日子已经过去了,有了ES6特性,我们可以做到这一点。
8.字符串插值 在用例中,如果正在构建一个基于模板的helper组件,那么这一点就会非常突出,它使动态模板连接容易得多。
小编也在前端混了有几年,整理了一些学习资料,对web开发技术感兴趣的同学欢迎加入新建的Q群:603985993,不管你是小白还是大牛我都欢迎,希望大家诚心交流!还有大牛整理的一套高效率学习路线和教程与您免费分享,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!
发表评论 (审核通过后显示评论):