javascript - 我如何 `.filter()` 一个数组/对象并返回一个带有原始键的新数组而不是作为过滤器返回的索引数组/对象？

Question

var obj = {
    
    111: {
        user_id: 111,
        user_name: "user111",
        isActive: 0
    }, 
    112: {
        user_id: 112,
        user_name: "use112",
        isActive: 1
    }, 
    113: {
        user_id: 113,
        user_name: "use113",
        isActive: 0
    }, 
    ... 
}

我想过滤所有 ("isActive"=== 0) 但在返回 newObj 时保持键设置相同(等于用户 ID):

newObj = {
    
    111: {
        user_id: 111,
        user_name: "user111",
        isActive: 0
    }, 
    113: {
        user_id: 113,
        user_name: "use113",
        isActive: 0
    }, 
    ... 
}

这是我现在拥有的:

let newObj = Object.values(obj).filter( user => ( (obj.isActive === 0)));

返回索引键

• 没有 for 循环(除非 ES6 .forEach() 是必须的)。
• 在这种情况下，如果可能的话，我希望使用 filter/map/reduce 的 ES6 方法来解决这个问题。
• loadash 方法还可以，但我还是想先看一个“vanilla ES6”的例子
• 如果我能知道如何/在哪里最好地学习和练习使用这些方法以各种方式过滤数组(loadash 在这里也很酷)。

Answer 1

真正的 FP 方法是减少重复的对象传播:

const filtered = Object.values(obj).reduce((p, e) => (!e.isActive ? {...p, [e.user_id]: e} : p), {});

const obj = {
    111: {
        user_id: 111,
        user_name: "user111",
        isActive: 0
    }, 
    112: {
        user_id: 112,
        user_name: "use112",
        isActive: 1
    }, 
    113: {
        user_id: 113,
        user_name: "use113",
        isActive: 0
    }
};
const filtered = Object.values(obj).reduce((p, e) => (!e.isActive ? {...p, [e.user_id]: e} : p), {});
console.log(filtered);

.as-console-wrapper {
  max-height: 100% !important;
}

这会创建许多不必要的临时对象，但通过不修改对象来遵守 FP 原则(我认为，我对 FP 并不“深入”:-))。

稍微改变一下规则，我们可能会修改单个对象而不是创建大量临时对象:

const filtered = Object.values(obj).reduce((newObj, e) => {
  if (!e.isActive) {
    newObj[e.user_id] = e;
  }
  return newObj;
}, {});

const obj = {
    111: {
        user_id: 111,
        user_name: "user111",
        isActive: 0
    }, 
    112: {
        user_id: 112,
        user_name: "use112",
        isActive: 1
    }, 
    113: {
        user_id: 113,
        user_name: "use113",
        isActive: 0
    }
};
const filtered = Object.values(obj).reduce((newObj, e) => {
  if (!e.isActive) {
    newObj[e.user_id] = e;
  }
  return newObj;
}, {});
console.log(filtered);

.as-console-wrapper {
  max-height: 100% !important;
}

(可以通过滥用逗号运算符以更少的字符编写，但它的可维护性和可读性较差。)

没有 FP 限制，我只使用循环:

const filtered = {};
for (const e of Object.values(obj)) {
  if (!e.isActive) {
    filtered[e.user_id] = e;
  }
}

const obj = {
    111: {
        user_id: 111,
        user_name: "user111",
        isActive: 0
    }, 
    112: {
        user_id: 112,
        user_name: "use112",
        isActive: 1
    }, 
    113: {
        user_id: 113,
        user_name: "use113",
        isActive: 0
    }
};
const filtered = {};
for (const e of Object.values(obj)) {
  if (!e.isActive) {
    filtered[e.user_id] = e;
  }
}
console.log(filtered);

.as-console-wrapper {
  max-height: 100% !important;
}