js 数组对象 过滤 filter 和 map 使用

数据格式 ==========》》》
{
	"data": {
		"userGroupList": [{
			"key": "changw98",
			"title": "changw98",
			"user": {
				"staff_name": "程文",
				"__typename": "t_user"
			},
			"__typename": "t_user_group"
		}, {
			"key": "gaomingqi",
			"title": "gaomingqi",
			"user": {
				"staff_name": "gmq",
				"__typename": "t_user"
			},
			"__typename": "t_user_group"
		}, {
			"key": "gaomingqi",
			"title": "gaomingqi",
			"user": {
				"staff_name": "gmq",
				"__typename": "t_user"
			},
			"__typename": "t_user_group"
		}]
	}
}

 this.userList = userListNum.filter(
      (e, index, origin) =>
         index ===
        origin.findIndex((itemInner) => {
          return itemInner.key === e.key
         })
    )

过滤 数组对象 中 相同的数据

 const targetList = userGroupList.map((e) => e.user_id)
 map 拿到所有的  user_id  用户
 这里使用ES6的 写法 解构 new Set 过滤相同的数据 
 this.targetKeys = [...new Set(targetList)]