js数组去重的三种方法(根据不同的需求进行不同操作)

最新推荐文章于 2024-06-01 07:27:22 发布

原创最新推荐文章于 2024-06-01 07:27:22 发布 · 572 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js数组去重 #js数组中数据是对象去除相同属性值组成新数组 #把数组中属性相同的对象去重并合并

js基础知识专栏收录该内容

22 篇文章

订阅专栏

本文介绍JavaScript中数组去重、合并及筛选重复属性值的方法。通过不同示例代码展示如何利用原生JavaScript实现这些实用功能。

数组去重

var count=[1,2,4,5,4,2,4,4,5];
	function select (arr){
   var arr2=[];
    for( var i = 0; i < arr.length; i++){
        if (arr2.indexOf(arr[i]) == -1) {
 arr2.push(arr[i])
        }
     }
    return arr2;
 }

  console.log(select(count));   //1245

数组去除对象中重复属性值

var arr = [
        {
            id: '1',
            name: '张三'
        },
        {
            id: '2',
            name: '李四'
        },
        {
            id: '1',
            name: '王五'
        },
        {
            id: '1',
            name: '杨甲'
        },
        {
            id: '2',
            name: '白乙'
        },
        {
            id: '3',
            name: '孙丁'
        }
    ];

    var c=arr.filter(
    	function(item,index){
        var _index=arr.findIndex(
        	function(_item){
            return item.id == _item.id;
        });
        return index == _index;
    });
    console.log(c);          //arr--3  [{id:'1',name: '张三'},{id:'2',name: '李四'},{id:'3',name: '孙丁'}]

合并数组对象相同的属性值

var arr = [
            { id : 1 , name : '张三'},
            { id : 1 , name : '李四'},
            { id : 3 , name : '王五'},
            { id : 1 , name : '二傻子'},
            { id : 5 , name : '老王'},
            { id : 5 , name : '阿旺'}
           ];

        //按照id相同合并
        //
        arr=arr.map(function(item,index,arr){
           const i=arr.find(_item=>item.id===_item.id);
            if(i!==item){
                i.name.push(item.name);
                return undefined;
            }else{
                i.name=[i.name];
                return i;
            }
        }).filter(item=>item!==undefined);
        console.log(arr);