温故而知新，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前端，在学习过程中，身边没有一个能够指导你学习的人，可以到这个WEB前端裙，里面最新学习路线和教程，不管是计算机专业想要往WEB前端方向发展，还是零基础想转行，都可以跟着教程学，有什么不懂的可以在里面问，这就是WEB前端裙。前面三个输入112，中间三个输入666，后面三个输入2127。