JS数组对象去重，ES6最简数组去重

// 测试数据
// 比如我们处理 value 的去重
var arrList = [{key: 1, value: "aaa"},{key: 2, value: "bbb"},{key: 3, value: "ccc"},{key: 4, value: "aaa"},{key: 5, value: "aaa"},{key: 6, value: "ddd"},
];/*** 数组对象去重* 设置cur默认类型为数组，并且初始值为空的数组*/
let obj = {};
arrList = arrList.reduce((cur,next) => {obj[next.value] ? "" : obj[next.value] = true && cur.push(next);return cur;
},[]);// 这里得出去重后的数据
console.log(arrList);

reduce是干嘛的
reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。

语法
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数          描述
total           必需。初始值, 或者计算结束后的返回值。
currentValue    必需。当前元素
currentIndex    可选。当前元素的索引
arr             可选。当前元素所属的数组对象。
initialValue    可选。传递给函数的初始值

关于 reduce 更详细的解释可以参阅这里：
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/reduce
中文网
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

用ES6进行最简普通数组去重

// 原始数组
var arr = [1,2,3,2,2,4,5,6];
// 使用解构方式 去重的核心方法
var newArr = [...new Set(arr)];
// 去重后数据
console.log(newArr);

JS数组对象去重，ES6最简数组去重相关推荐

js给对象添加变量属性 js 更改对象中的属性名数组对象中每个对象添加一个字段-map用法和forEarch用法
js给对象添加变量属性 & js 更改对象中的属性名 & 数组对象中每个对象添加一个字段-map用法和forEarch用法 1.js给对象添加变量属性 1.js创建一个对象或者在原有对 ...
后端返回数组对象（id重复）来去重并保留第一个
后端返回数组对象(id重复)来去重并保留第一个1 var arr = [{ id: "0001", name: "张三" },{ id: "0001& ...
【关于js数组对象一道题】将数组对象中的英文属性名替换为中文属性名
将数组对象中的英文属性名替换为中文属性名 const arr = [{name: '张三', age: 18, address: '湖北'}, {name: '李四', age: 18, addres ...
数组、对象、类数组对象的不同以及类数组转数组方法总结
一.数组.对象.类数组对象数据结构的异同 1.数组一组有序的数据集合,其索引为从0开始且自然增长的整数,其元素值可以是任何js数据!并且包含一个名为length的属性,该属性表示数组元素的个数! v ...
一维数组对象转成二维数组
一.关于PHP把装着item为对象的一维数组转成二维数组的疑问背景:新增帖子的时候,选择标签时,可以选择多个,后端接口是需要传入的是一个二维数组. /*** @Title 修改精选内容* @Para ...
matlab创建元胞数组对象,MATLAB中胞元数组的用法
胞元数组(cell Arry)的基本组分是胞元(cell),每个胞元本身在数组中是平等的,只能以下标区分.胞元可以存放任何类型.任何大小的数组,如任意维数值数组.字符串数组.符号对象等,而且同一个胞元 ...
java 数组对象长度_Java中的数组长度：关于Java中数组长度的所有信息
Java中的数组可以包含多个元素,这取决于对象是如何创建的.为了让用户执行不同的操作,必须知道数组的长度.这篇关于"Java中的数组长度"的文章旨在让我们熟悉用于获取数组长度的操 ...
vue 数组对象提取_vue中使用对象数组的最佳实践
前言: 在平常的开发中,经常会在vue中用到对象数组,如渲染一个小区的列表,数据结构可能如下所示: CommunityList: [ { _id: '', community_code: '', co ...
post postman 传递数组对象_PostMan Post方式传递数组数据参数 OK_go
服务器是PHP 写的需要数组字段key + [0] ,如果有多个值从0 往下排 . OkGo.post(ConstantUrls.CREATE_GOODS) .tag(this) .headers ...

JS数组对象去重，ES6最简数组去重

JS数组对象去重，ES6最简数组去重

JS数组对象去重，ES6最简数组去重相关推荐

最新文章

热门文章