码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 数组去重

时间:2019-09-14 15:58:52      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:number   query   数组   detail   字符   返回   var   tostring   sdn   

问题:去除数组里面的重复元素,包括单个元素,对象元素,数组元素

分析:循环遍历数组元素,利用对象属性的唯一性,将数组元素作为对象的属性。如果属性不存在,说明第一次出现,将元素push到新的数组;如果属性存在,说明是重复元素,不做任何操作。

由于对象的属性都为字符串,所有在进行判断元素是否为属性存在的时候,需要将对象元素和数组元素转为字符串。否则会出现所有对象元素在对象中属性相同,为[object Object]的情况。如下:

let arr = [1,2,{"a":1},{"b":1},[100,99]];
let newArr = [];
let obj = {};
for(let i = 0;i < arr.length;i++){
    if(!obj[arr[i]]){
        newArr.push(arr[i]);
        obj[arr[i]] = true;
    }
}
console.log(newArr)
console.log(obj);

技术图片

 

 

 所以,将每个对象元素、字符串元素转为字符串;完整代码如下:

    let arr = [1,{"a":1,"b":2},{"a":1,"b":2},{"b":1},1,1,2,[3,2,1],2,3,4,[1,2],100,[1,2,3]];
    // console.log([...new Set(arr)]);  //数组去重,使用集合去除重复元素,两个形式相同的对象,所属不同内存,不为重复元素。

    //方法:去除数组中的重复元素,包括单个元素、对象元素、数组元素;
    function removeRepeat(arr) {
        var newArr = [];
        var obj = {};
        //遍历数组,如果元素第一次出现,push到新数组;如果不是第一次出现,不操作;
        //判断对象或者数组是不是第一次出现,可将对象或数组转为字符串进行判断
        for(let i = 0;i < arr.length;i++){
            let curEle = arr[i];
            //如果元素为对象
            if(curEle.constructor === Object){
                let objStr = JSON.stringify(curEle); //对象转为字符串对象
                if(!obj[objStr]){
                    newArr.push(curEle);
                    obj[objStr] = true;
                }
            }
            //如果元素为数组
            else if(Array.isArray(curEle)){
                let arrStr = curEle.sort().join("-");  //使用join()方法将数组转为字符串
                console.log(arrStr);
                if(!obj[arrStr]){
                    newArr.push(curEle);
                    obj[arrStr] = true;
                }
            }
            //如果元素为单个元素
            else{
                if(!obj[curEle]){
                    newArr.push(curEle);
                    obj[curEle] = true;
                }
            }
        }
        console.log(newArr);
    }
    removeRepeat(arr);

 

总结:

  • 对象、字符串相互转换
  • 数组、字符串相互转换
  • 注意:判断是否为对象的方法:
  • (1)instanceof 需要注意的是由于数组也是对象,因此用 arr instanceof Object 也为true。
  • (2)typeof 也不太准确
  • typeof obj === Object
    
    // 根据typeof判断对象也不太准确
    表达式                          返回值
    typeof undefined           ‘undefined‘
    typeof true                   ‘boolean‘
    typeof 123                   ‘number‘
    typeof "abc"               ‘string‘
    typeof function() {}       ‘function‘
    
    typeof {}                   ‘object‘
    typeof []                   ‘object‘
    typeof null                   ‘object‘
    ————————————————
    原文链接:https://blog.csdn.net/zhangjing0320/article/details/81230170
  • 判断是否为对象:
    console.log({}.constructor === Object);
    console.log(Object.prototype.toString.call({"a":1}) === ‘[object Object]‘);
    console.log(jQuery.isPlainObject({}))

     

JavaScript 数组去重

标签:number   query   数组   detail   字符   返回   var   tostring   sdn   

原文地址:https://www.cnblogs.com/minyDong/p/11519090.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!