Estoy creando un componente que maneja los permisos de visualización y edición. La estructura de datos que uso para mantener los permisos se ve así:
const input = [{ isAllowed: true, permissionType: "watch", userId: 14 }, { isAllowed: false, permissionType: "edit", userId: 14 }, { isAllowed: true, permissionType: "edit", userId: 24 }, { isAllowed: false, permissionType: "edit", userId: 34 }, { isAllowed: false, permissionType: "watch", userId: 44 }, { isAllowed: false, permissionType: "edit", userId: 44 } ]Al principio, solo quería obtener una lista de todos los usuarios con permisos otorgados, así que usaría
let managers = _.flatMap(props.settings.managerPermissions, (p) => p.userId); managers = [...new Set(managers)]; Así que esto me dejaría con managers = [14,24,34,44] , pero necesito editar este mapa plano de manera que no recupere la identificación de un administrador que no tiene ningún permiso, incluso si fueran ya se agregó a la lista, por lo que en este caso el valor de retorno del nuevo mapa plano debería ser managers = [14,24] . (por supuesto, flatMap no es imprescindible aquí y si hay una mejor manera de hacerlo, me encantaría verlo)
Solo necesita flatMap cuando el resultado del mapa sería una matriz de matrices, y desea una matriz plana.
En este caso, filtre la matriz por isAllowed y luego asigne a userId :
const arr = [{"isAllowed":true,"permissionType":"watch","userId":14},{"isAllowed":false,"permissionType":"edit","userId":14},{"isAllowed":true,"permissionType":"edit","userId":24},{"isAllowed":false,"permissionType":"edit","userId":34},{"isAllowed":false,"permissionType":"watch","userId":44},{"isAllowed":false,"permissionType":"edit","userId":44}] const managers = [...new Set( arr .filter(o => o.isAllowed) .map(o => o.userId) )] console.log(managers) Sin embargo, en realidad usa Array.flatMap() (o el equivalente de lodash) para mapear y filtrar al mismo tiempo. Es menos idiomático el combo de mapa/filtro, y no estoy seguro del rendimiento, así que no lo uso yo mismo. La idea es devolver una matriz vacía para los elementos que no desea:
const arr = [{"isAllowed":true,"permissionType":"watch","userId":14},{"isAllowed":false,"permissionType":"edit","userId":14},{"isAllowed":true,"permissionType":"edit","userId":24},{"isAllowed":false,"permissionType":"edit","userId":34},{"isAllowed":false,"permissionType":"watch","userId":44},{"isAllowed":false,"permissionType":"edit","userId":44}] const managers = [...new Set( arr.flatMap(o => o.isAllowed ? o.userId : []) )] console.log(managers)Debería poder filtrar isAllowed=false y luego hacer lo mismo, aunque flatMap parece ser inútil (ya que no hay anidamiento de matrices), solo use el map
const input = [ {isAllowed: true, permissionType: "watch", userId : 14 }, {isAllowed: false, permissionType: "edit", userId : 14 }, {isAllowed: true, permissionType: "edit", userId : 24 }, {isAllowed: false, permissionType: "edit", userId : 34 }, {isAllowed: false, permissionType: "watch", userId : 44 }, {isAllowed: false, permissionType: "edit", userId : 44 }] const managers = [...new Set(input.filter(x => x.isAllowed).map(x => x.userId))]; console.log(managers);