sunshine
管理员
管理员
  • 最后登录2023-10-30
  • 发帖数170
  • 社区居民
阅读:12331回复:4

[js]js数组去重的方法总结

楼主#
更多 发布于:2017-10-11 13:12
在工作上,对json数据处理时,例如遇到对某些产品的尺码进行排序,不同的产品都有相同的尺码那是正常不过的事情,如果我们要把这些转成表格的形式来展现,那么这些尺码就不要不能重复才行.在这里呢,我就写几个数组去重的方法,给大家参考参考:
方法一:对数组进行先排序,排完序之后在让元素与前一个元素做对比,相同的就去掉
说明:该方法用到的是sort()方法和slice(),下面我直接贴代码上来,里面有注释说明,相信大家肯定是看得懂的

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j'];
//对数组先进行排序
arr.sort();
            for(var i = 0; i < arr.length; i++) {
                //用当前的元素与他的前一个元素进行对比
                if(arr[i] == arr[i - 1]) {
                    //如果相同的话,就删除掉第i个元素
                    arr.splice(i, 1);
                }
            }
            console.log(arr);

方法二:遍历数组,定义一个新数组,利用indexOf判断是否存在于新数组中,不存在则push到新数组,最后返回新数组

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j'];
function delArr(array){
                var newArr=[];//新建一个新数组
                //遍历参数数组array
                for(var i=0;i<array.length;i++){
                    //判断新数组是否有这个元素值,没有的话,就把array给push到新数组newArr中
                    if(newArr.indexOf(array<i>)===-1){
                        newArr.push(array<i>);
                    }
                }
                return newArr;
            }
            console.log(delArr(arr));</i></i>


方法三:利用对象键值对法:新建一js对象以及新数组,遍历传入数组时,判断值是否为js对象的键,不是的话给对象新增该键并放入新数组。
注意点: 判断是否为js对象键时,会自动对传入的键执行“toString()”,不同的键可能会被误认为一样;
例如: a[1]、a["1"] 。解决上述问题还是得调用“indexOf”。

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j'];
function delArr2(array){
                var json={},newArr=[],val,type;
                for(var i=0;i<array.length;i++){
                    val=array;
                    //判断val是什么数据类型
                    type=typeof val;
                    console.log("判断类型"+[type]);
                    //判断值是否为js对象的键,不是的话给对象新增该键并放入新数组
                    if(!json[val]){
                        json[val]=[type];
                        newArr.push(val);
                    }
                    else if(json[val].indexOf(type)<0){
                        json[val].push(type);
                        newArr.push(val);
                    }
                }
                return newArr;
            }
            console.log(delArr2(arr));
注:如果不数组不支持indexOf可以自己写一个方法,代码如下:

Array.prototype.indexOf = Array.prototype.indexOf || function(item) {
    for (var i = 0, j = this.length; i < j; i++) {
        if (this === item) {
            return i;
        }
    }
    return -1;
}
参考:http://www.cnblogs.com/cythia/p/6713342.html
        http://www.cnblogs.com/leonwang/p/4845576.html
doubleyong
管理员
管理员
  • 最后登录2026-05-10
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2018-08-29 11:33
doubleyong:是arr[ i ] == arr回到原帖
贴子已经更改了
知识需要管理,知识需要分享
doubleyong
管理员
管理员
  • 最后登录2026-05-10
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
板凳#
发布于:2018-08-28 21:39
琴妹8:第一种方法判断条件应该改为:arr == arr 吧,不然结果输出就是排序后的原来的arr
 var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd...
回到原帖
是arr[ i ] == arr[i - 1]
知识需要管理,知识需要分享
琴妹8
侠客
侠客
  • 最后登录2019-10-25
  • 发帖数39
地板#
发布于:2018-08-28 17:54
第一种方法判断条件应该改为:arr == arr[i - 1] 吧,不然结果输出就是排序后的原来的arr
 var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j'];
//对数组先进行排序
        arr.sort();
            for(var i = 0; i < arr.length; i++) {
                //用当前的元素与他的前一个元素进行对比
                if(arr == arr[i - 1]) {
                    //如果相同的话,就删除掉第i个元素
                    arr.splice(i, 1);
                }
            }
            //console.log(arr)//判断条件arr == arr[i - 1]  输出["a", "a", "b", "b", "c", "c", "d", "d", "e", "e", "f", "f", "g", "g", "h", "h", "j", "j"]
            console.log(arr);//arr == arr[i - 1] 输出["a", "b", "c", "d", "e", "f", "g", "h", "j"]
[琴妹8于2018-08-29 09:42编辑了帖子]
代码得海洋有些深,我这还不会游泳,就带着游泳圈,还要带个打气筒,时不时打点气,不让自己沉下去。 希望通过我们得交流和学习,能够慢慢有艘船,在大海中航行,不用为了活下去而忽略海上得风景,其实慢慢成长我们会发现,大海,真是个神秘得地方。 学习使我们优秀,我们一起加油吧!
doubleyong
管理员
管理员
  • 最后登录2026-05-10
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
4楼#
发布于:2017-12-20 11:04
使用es 6 的set 方法去重,超简单一句话:
// 去除数组的重复成员


[...new Set(array)]




Array.from(new Set(array));


//  Array.from 方法,将Set 转换成数组类型



关于set 的详细使用说明 :
http://es6.ruanyifeng.com/?search=map&x=0&y=0#docs/set-map
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号