将数组值与对象键进行比较

时间:2017-08-29 12:23:17

标签: javascript arrays object for-in-loop

编写一个名为&#34的函数;选择"。

给定一个数组和一个对象,"选择"返回一个新对象,其属性是给定对象中的属性,其键存在于给定数组中。

var arr = ['a', 'c', 'e'];
var obj = {
  a: 1,
  b: 2,
  c: 3,
  d: 4
};
var output = select(arr, obj);
console.log(output); // --> { a: 1, c: 3 }

我的解决方案:

function select(arr, obj) {
  for (var k in obj) {
    return arr.reduce((o, c) => {
      if (obj.hasOwnProperty(c)) {
        o[c] = obj[c]
      }
      return o
    }, {})
  }
}

var array = ['a', 'c', 'e'];

var object = {
  a: 1,
  b: 2,
  c: 3,
  d: 4
};

console.log(select(array, object));

我的解决方案正在运行,但我感觉我没有使用最佳实践或最有说服力的代码。例如,我使用for / in来搜索对象,但我从不使用' k' from for(在obj中的var k)。任何提示将不胜感激。

3 个答案:

答案 0 :(得分:1)

要获得对象的键和数组中的键之间的交集,有两种方法:

  • 枚举对象属性键并检查它们中的哪些也在数组中
  • 迭代数组中的键并检查它们中的哪一个也是对象属性

您不必同时执行这两个循环。第一种方法对于小型对象更有效,第二种方法也适用于大型对象和小型子集。

function select(arr, obj) {
  let o = {};
  for (let k in obj) {
    if (arr.includes(k))
      o[k] = obj[k];
  return o;
}

function select(arr, obj) {
  let o = {};
  for (let k of arr)
    if (k in obj)
      o[k] = obj[k];
  return o;
}

您也可以使用reduce代替for … of循环,就像您成功完成的那样(我不会重复该解决方案),但是哪两个更容易阅读和理解只有您可以决定

答案 1 :(得分:0)

使用Array#reduce迭代数组并将对象上存在的所有属性提取到新对象:

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

const select = (arr, obj) => arr.reduce((r, prop) => {
    obj.hasOwnProperty(prop) && (r[prop] = obj[prop]);
    
    return r;
  }, {});

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

答案 2 :(得分:0)

您可以Object.assign()使用reduce()并在内部检查对象中是否存在属性。

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

let select = (arr, obj) => arr.reduce((r, e) => Object.assign(r, obj[e] ? {[e]: obj[e]} : null), {})

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