javascript数组去重set方法 js set转数组
大家好，今天来为大家解答javascript数组去重set方法这个问题的一些问题点，包括js set转数组也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~
JS数组去重的几种常见方法
js数组去重
1
注：应该也可以适用于 object数组，但是本人没有进行验证，贴出来仅供你参考
第一种是比较常规的方法思路：1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比3.若结果数组中没有该元素，则存到结果数组中代码如下:
Array.prototype.unique1= function(){ var res= [this[0]]; for(var i= 1; i< this.length; i++){ var repeat= false; for(var j= 0; j< res.length; j++){ if(this[i]== res[j]){ repeat= true; break;}} if(!repeat){ res.push(this[i]);}} return res;}var arr= [1,'a','a','b','d','e','e', 1, 0]alert(arr.unique1());
第二种方法比上面的方法效率要高思路：1.先将原数组进行排序2.检查原数组中的第i个元素与结果数组中的最后一个元素是否相同，因为已经排序，所以重复元素会在相邻位置3.如果不相同，则将该元素存入结果数组中代码如下：
Array.prototype.unique2= function(){ this.sort();//先排序 var res= [this[0]]; for(var i= 1; i< this.length; i++){ if(this[i]!== res[res.length- 1]){ res.push(this[i]);}} return res;}var arr= [1,'a','a','b','d','e','e', 1, 0]alert(arr.unique2());
二种方法也会有一定的局限性，因为在去重前进行了排序，所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重，那这种方法便不可取了。第三种方法（推荐使用）思路：1.创建一个新的数组存放结果2.创建一个空对象3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立的对象中。说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问到值，则说明重复。代码如下：
Array.prototype.unique3= function(){ var res= []; var json={}; for(var i= 0; i< this.length; i++){ if(!json[this[i]]){ res.push(this[i]); json[this[i]]= 1;}} return res;}var arr= [112,112,34,'你好',112,112,34,'你好','str','str1'];alert(arr.unique3());
js中数组去重方法总结
1.es6有了Set，可以通过成员唯一性去重
2.使用数组对象的lastIndexOf()方法。
(关于lastIndexOf():( )
3.定义新数组，存入原数组第一个元素，再将原数组元素和新数组元素比较，不同的继续push到新数组。
4.splice()方法从数组中添加/删除重复值。
5.使用includes()方法{ps:可搭配foreach()方法||filter()方法;}。
6.采用indexOf()获取索引查询去重
7.利用对象属性存在与否判断，这个方法没什么意思，但是也可行
JavaScript编程开发技巧
随着互联网的不断发展，关于JavaScript编程开发语言的使用也被广大程序员掌握。而今天我们就一起来了解一下，JavaScript编程开发的一些技巧都有哪些。
JSON.stringify
我们平时经常会用到JSON对象，比如当我们要实现对象的深拷贝时，我们可以用JSON对象的JSON.stringify和JSON.parse来拷贝一个完全一样的对象，而不会对原对象产生任何引用关系。在使用localStorage时，也会用到它，因为localStorage只能存储字符串格式的内容，所以，我们在存之前，将数值转换成JSON字符串，取出来用的时候，再转成对象或数组。
参数：
value：将要被序列化的变量的值
replacer：替代器。可以是函数或者是数组，如果是一个函数，则value每个属性都要经过这个函数的处理，该函数的返回值就是后被序列化后的值。如果是一个数组，则要求该数组的元素是字符串，且这些元素会被当做value的键(key)进行匹配，后序列化的结果，是只包含该数组每个元素为key的值。
space：指定输出数值的代码缩进，美化格式之用，可以是数字或者字符串。如果是数字(大为10)的话，代表每行代码的缩进是多少个空格。如果是字符串的话，该字符串(多前十个字符)将作显示在每行代码之前。
用Set来实现数组去重
在ES6中，引入了一个新的数据结构类型：Set。而Set与Array的结构是很类似的，且Set和Array可以相互进行转换。
数组去重，也算是一个比较常见的前端面试题了，方法有很多种，这里不多赘述。下面我们看看用Set和...(拓展运算符)可以很简单的进行数组去重。
用块级作用域避免命名冲突
在开发的过程中，通常会遇到命名冲突的问题，就是需要根据场景不同来定义不同的值来赋值给同一个变量。下面昌平IT培训介绍一个使用ES6中的块级作用域来解决这个问题的方法。
函数参数值校验
我们知道，在ES6中，为函数增加了参数默认值的特性，可以为参数设定一些默认值，可以让代码更简洁，可维护。
好了，文章到这里就结束啦，如果本次分享的javascript数组去重set方法和js set转数组问题对您有所帮助，还望关注下本站哦！