JavaScript 数组去重——普通数组去重 vs 对象数组去重

简介: JavaScript 数组去重——普通数组去重 vs 对象数组去重

简单数组去重

 
function arrDistinct(arr){
    const newArr = new Set(arr);
    return [...newArr]
}

使用范例

let list = [1,2,2,3,4,4]
console.log(arrDistinct(list))

对象数组去重

function arrDistinctByProp(arr,prop){
    //只返回第一次出现的,重复出现的过滤掉
    return arr.filter(function(item,index,self){
        return self.findIndex(el=>el[prop]==item[prop])===index
    })
}

使用范例

let list = [
    {
        key:'1',
        name:'林青霞'
    },
    {
        key:'2',
        name:'张三丰'
    },
    {
        key:'1',
        name:'段誉'
    },
    {
        key:'1',
        name:'段誉'
    }
]
 
//通过name属性去重
console.log(arrDistinctByProp(list,'name'))
目录
相关文章
|
13小时前
|
存储 JavaScript 前端开发
|
1天前
|
前端开发 JavaScript 流计算
前端 JS 经典:打印对象的 bug
前端 JS 经典:打印对象的 bug
5 0
|
1天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
7 1
|
1天前
|
JavaScript 前端开发
js/javascript 操作对象【全】(含常用的操作对象的lodash)
js/javascript 操作对象【全】(含常用的操作对象的lodash)
5 0
|
2天前
|
JavaScript
js 排序—— sort() 对普通数组、对象数组(单属性/多属性)排序
js 排序—— sort() 对普通数组、对象数组(单属性/多属性)排序
5 0
|
2天前
|
存储 JavaScript 前端开发
javascript的栈内存 VS 堆内存(浅拷贝 VS 深拷贝)
javascript的栈内存 VS 堆内存(浅拷贝 VS 深拷贝)
6 0
|
2天前
|
存储 JavaScript 前端开发
JavaScript 对象
JavaScript 对象
7 1
|
5天前
|
JavaScript Java 数据安全/隐私保护
js对象可扩展性和属性的四个特性(下)
js对象可扩展性和属性的四个特性(下)
|
6天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
13 1
|
JavaScript
js基础笔记学习247event对象3
js基础笔记学习247event对象3
52 0
js基础笔记学习247event对象3