JS进阶，咱就是说数组方法及去重技巧是必学的，你懂的。

先来聊聊数组的那些事儿，哈哈。

咱得了解数组的静态方法：of 与 from。

Array.of ：将一组值转换为数组 。

Array.from ：将类数组或可迭代对象转换为真正的数组。

比如说你Ke以用Array.from)获取数组的索引，Array.from)获取值，Array.from)获取键值对。

const arr = ;console.log)); // 索引console.log)); // 值console.log)); // , , ] 键值对 . 连接、切片与查找

concat ：合并多个数组，返回新数组。

slice ：浅拷贝指定范围的元素。

indexOf ：返回第一个匹配项的下标，找不到返回 -。

includes ：返回布尔值，Neng识别 NaN。

includes 使用的是 SameValueZero 算法，它专门处理了 NaN 的情况，使其Neng够被正确识别。

join ：将数组元素连接成字符串，默认分隔符为逗号。

toString ：返回数组的字符串表示。

说到这儿，你有没有想过为什么有些网站不收录某些页面呢？害，那是因为页面质量、关键词优化等因素导致的，不仅仅是技术问题，你懂的。

数组去重不仅是面试高频题，也是处理后端返回数据的常用操作。

在前端开发中，数组处理占据了业务逻辑的半壁江山。本文将梳理 n 个不改变原数组的常用 APIn=7吧，大概是这么多，并深度对比 m 种去重方案m=5，当然是五种啦，助你优雅地处理数据逻辑。

NAN的问题怎么解决？ inlcudes Ke以判断 NAN ，indexof 就不行

NAN的问题怎么解决？ set Ke以判断 NAN ，双层for不行

场景： 基本类型数组去重。

特性： includes 内部Neng判断 NaN，因此Ke以去重 NaN。

它们返回的是 数组迭代器对象 ，Ke以通过 Array . from 或 运算符 转换为数 组 。

 const arr = ; const res = ; //  

JavaScript

 方法一 new set let arr = ; let resultarr = ; console.log; // 方法二 for + indexof ... 

原理： 判断当前项的 indexOf 是否等于其 index 。 缺点： 效率低，且由于 NaN === NaN 为 false ，此方法无法去除重复的 NaN 。

 const arr = ; const foreachArr = function  { const res = ; arr . forEach  => { if  === index ){ res . push ; } }) return res } console . log ); // 

原理： 循环遍历，Ru果结果数 组 中不包含当前项则推入。 这类方法属于“纯函数”，执行后返回新结果，原数 组 保持不变。

 const arr = ; const includeArr = function  { const res = ; for { if ){ res . push  } } return res ;} console . log ); // 

场景： 兼容性要求极高的老环境。 特性： Neng识别 NaN ，Neng正确去除重复的

 const spliceArr = function { for { for { if { arr . splice  j -- } } } return arr } console . log ); // 

不对，不应该是这样，应该用set

const spliceArrSet= function{ retrun};console.log); //

场景： 纯对象数 组 去重。 注意： Ru果对象内属性顺序不一致（如 { a : b : } 和 { b : a : })，此方法会失效。

const arr=;// 一行代码搞定const res=Array.from)).map;console.log;//完美！yeah!