JavaScript 减少数组以在 Object 中找到匹配项

Question

我正在尝试合并数组方法：reduce。 基本上，我在这里想要完成的是将下面的数组减少为一个对象，其中任何内容都与 obj 的键值匹配。

const arr = ['a', 'c', 'e'];
const obj = { a: 1, b: 2, c: 3, d: 4 };

let output = select(arr, obj);
console.log(output); // --> { a: 1, c: 3 }

我的选择方法：

function select(arr, obj) {
  let newObj = {};
  for (let prop in obj) {
    for (let i = 0; i < arr.length; i++) {
      if (prop === arr[i]) {
        newObj[prop] = obj[prop];
      }
    }
  }
  return newObj;
}

我将 {} 设置为 arr.reduce 的初始值设定项，因此如果数组的当前值与对象的键匹配，那么它会将键值添加到累加器中，但我从控制台收到一条错误消息，如果表达式无法返回布尔值.

这是我使用.reduce()的尝试：

function select(arr, obj) {
  let result = arr.reduce(function(x, y) {
    if (y in obj) {
      x[y] = obj[y]
      return x;
    }
  }, {}) 
  return result;
}

请指教。

Answer 1

您必须始终返回累加器。下面是reduce的使用方法

function select(arr, obj) {
    return arr.reduce(function (acc, key) {
        if (key in obj) acc[key] = obj[key];
        return acc;
    }, {});
}

const arr = ['a', 'c', 'e'];
const obj = { a: 1, b: 2, c: 3, d: 4 };

let output = select(arr, obj);
console.log(output); // --> { a: 1, c: 3 }

Answer 2

在所有情况下都应返回累加器。 我使用了一个使用过滤器的实现供您参考：

const arr = ['a', 'c', 'e'];
const obj = { a: 1, b: 2, c: 3, d: 4 };

function select (obj,arr){
    let newObj = Object.keys(obj).filter(key => arr.includes(key)).reduce((acc,key) => {
                    acc[key]=obj[key]
                    return acc 
                },{})
    return newObj
}
console.log(select(obj,arr)); 

Answer 3

function select(arr, obj) {
    return arr.reduce((acc, curr) => {
        if(obj[curr]) {
            acc[curr] = obj[curr];
        }
        return acc;
    }, {})
}