--- highlight: atelier-heath-light --- 最近在网上数组去重的方法很多，想了一下无非就是两种 ## 一、两层循环法 ```js let array = [0,1,2,'a','b'] let arr2 = [0,12,'a','abc','d'] console.log(typeof arr2); /** * 这里打印数组的类型是object，因为这里创建一个数组的过程是简化的写法，为语法糖。就相当于let arr = new Array * 判断Array的的时候，我们可以使用 instanceof 来判断 */ console.log(arr2 instanceof Array); let newArray = array.concat(arr2); ``` 循环遍历，利用for循环嵌套for循环，然后splice去重(Es5中最常用)
双层循环，外层循环元素，内层循环时比较值。 ```js function remove (arr) { for(let i = 0;i ------------ 这是一条华丽的分割线
最近看面试题时遇到了几种不同for循环，因为没有深入了解导致做题时无法区分它们的用法，尤其是在以及在使用时的注意点。因此对js中的四种for循环进行了总结区分：
在ES5中，for循环有三种，分别是for/for-in/forEach
在ES6中，新增了一种循环，for-of #### 一、最简单的for循环(循环代码块一定的次数) ```js let array = [0,1,2]; for(let i = 0;i { console.log(data, index, array); }); ``` #### 四、for-of(ES6新增循环) 1. 为什么新引入一个for-of循环
在ES6之前：forEach 不能 break 和 return；
for-in 缺点更加明显，它不仅遍历数组中的元素，还会遍历自定义的属性，甚至原型链上的属性都被访问到。而且，遍历数组元素的顺序可能是随机的。 2. for-of可以干什么
跟 forEach 相比，可以正确响应 break, continue, return。
for-of 循环不仅支持数组，还支持大多数类数组对象，例如 DOM nodelist 对象。
for-of 循环也支持字符串遍历，它将字符串视为一系列 Unicode 字符来进行遍历。
----------- 嘻嘻，这还是一条分割线最后纪录一个最近看到的涉及forEach和for-of的大厂面试题：
输出以下代码运行结果，为什么？如果希望每隔 1s 输出一个结果，应该如何改造？注意不可改动 square 方法。
```js const list = [1, 2, 3] const square = num => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(num * num) }, 1000) }) } function test() { list.forEach(async x=> { const res = await square(x); console.log(res); }) } test() ``` forEach是不能阻塞的，默认是请求并行发起，所以是同时输出1、4、9 ```js // 方法一、把forEach换成普通for循环 async function test() { for(let i = 0, long= list.length; i { promise = promise.then(() => square(x)).then((res) => { console.log(res); }) }) } ```