es6及以上版本开发学习记录

1.es6语法

1）Array.find

寻找数组中满足条件的第一个元素，没有找到返回undefined

eg：找到数据中心instance不存在的对象

我们查看一下代码及打印结果，去掉否定，代码帮我们可以找到第一个不是undefined的元素，

2）array.findIndex()

返回数组中第一个满足条件的元素下标，返回值是一个number

3）Math.ceil(x)此方法返回大于或等于数字的最小整数。

应用场景：如果API只能查询200条最大，循环遍历求所有数据时，页数的计算，也就是计算需要循环多少个200，这时需要使用向上取整，顺便说一下这种情况的实现思路：

如果只能做多一页查200条数据的话，那么首先先查一次，拿到所有数据的数量，然后和200进行比较，如果大于200才用继续计算：先判断总数和200取余数是否有值，只要有值就向上取整，否则，直接除200即可拿到总页数，如下图所示：

4)数组去重

Array.from(new Set([1, 2, 3, 3, 4]));

new Set可以实例化一个set对象，set中数据是不能重复的，所以返回一个没有重复元素的set对象，Array.from(),MDN上解释如下：

类似数组就像是，{1, 2, 3, 3, 4}等，string也可以看成类似与数组的，开发中经常使用此方法去重； 

5.slice

数组截取，知道下标即可，slice(startIndex, endIndex)

下标从2开始，到4，因为没有4，到3结束，所以是[3, 4]，提一点，slice不会改变原数组，返回一个新数组，上图中也有体现，还有一个和很多数组的方法区间的取值一样，包括前面值不包括后面的下标。

6.padStart

将一个字符串放到一个字符串前面，包含两个参数，第一个是填充完之后，字符串会多长，第二个就是要填充的字符串，看几个例子：

 这两个例子中，目标都是到长度5，第一个用ff填充到前面刚好5位，如果是第二种fzc，则取剩余长度即可。

如果目标长度比本身str长度还小，就取str