React es6 數組對象去除重複

一、安裝插件

 命令：  npm install dedupe 或者 yarn add dedupe

 參考網站：https://www.npmjs.com/package/dedupe

二、代碼例子

eg: 1.數組形式去重如下

var list = [1, 2, 2, 3]
var dedupe = require('dedupe')
var result = dedupe(list)
console.log(result)
//result: [1, 2, 3]

eg: 2:普通數組對象去重

var dedupe = require('dedupe')
var list= [{value: 2}, {value: 1}, {value: 1}, {value: 1}]
var result= dedupe(list)
console.log(result)
//result: [{value: 2}, {value: 1}]

eg: 3.複雜數組對象形式去重，如下↓，我們通過工具去除重複的value爲測試1的對象。

list=[
    {
        id:1,
        value:測試1，
        label:測試1,
    },
    {
        id:2,
        value:測試2，
        label:測試2,
    },
    {
        id:3,
        value:測試1，
        label:測試1,
    }
]

CommonTool.js 工具

const dedupe = require('dedupe')
export default class CommonTool {
//去除重複數組對象某個重複值
export const removesDuplicates=(array,duplicatesValue)=> {
  return array = dedupe(array, duplicatesValue => duplicatesValue.value)
};

去除value只需要

 list=removesDuplicates(list,list.value);
 //或者
 list= dedupe(list, list.value=> list.value)