let arr = [{ id: '1', key: '1', value: '明月' }, { id: '3', key: '2', value: '可欣' }, { id: '2', key: '3', value: '小红' }, { id: '1', key: '1', value: '小馨' }, { id: '1', key: '2', value: '小静' }] 1、对象访问属性的方法
let newArr = []; let obj = {}; for (var i = 0; i < arr.length; i++) { if (!obj[arr[i].key]) { newArr.push(arr[i]) obj[arr[i].key] = true } } console.log(newArr); 2、Map()方法
set方法设置key所对应的键值，然后返回整个Map结构。如果key已经有值，则键值会被更新，否则就新生成该键。
values方法可以返回Map对象值的遍历器对象
let map = new Map(); for (let item of this.arr) { map.set(item.id, item); } this.arr = [...map.values()]; console.log(this.arr) 3、reduce() 方法
| 参数 | 描述 |
|---|---|
| total | 必须。初始值, 或者计算结束后的返回值。 |
| currentValue | 必须。当前元素 |
| currentIndex | 可选。当前元素的索引 |
| arr | 可选。当前元素所属的数组对象。 |
| initialValue | 可选。传递给函数的初始值 |
const obj = {} arr = arr.reduce((total, next) => { obj[next.key] ? '' : obj[next.key] = true && total.push(next) return total }, []) console.log(arr) 这里还有一个需求，如果有两个或者多个判断条件，给数组对象去重，加一个判断条件就行了
const hasObj = {} arr = arr.reduce((total, next) => { const filterKey = next.key + next.id; hasObj[filterKey] ? "" : hasObj[filterKey] = true && total.push(next) return total }, []) console.log(arr) 希望可以帮助到你！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/198139.html原文链接：https://javaforall.net
