从现有数组和对象创建新对象

Question

我试图返回一个新对象，该对象具有在现有对象中给出的属性和在给定数组中存在的键。 我无法更改对象，并且如果键存在于数组中但不在对象中，则应忽略键。 我迷上了如何将数组元素与对象键进行比较。

function picker(array, obj) {
    var newObj = {};
    for (var i = 0; i < arrary.length; i++) {
        if (array[i] !== obj[i]) {
            newObj[array[i]] = obj[i];
        }
    }
    return newObj;
}

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

var bubble = picker(array, obj);
console.log(bubble);   result --> `{ a: 1, c: 3 }`

Answer 1

您可能意思是这样的：

 function picker(array, obj) { var newObj = {}; for (var i = 0; i < array.length; i++) { if (array[i] in obj) { newObj[array[i]] = obj[array[i]]; } } return newObj; } var array = ['a', 'c', 'e']; var obj = {a: 1, b: 2, c: 3, d: 4}; console.log(picker(array, obj)); 

也就是说，如果obj包含名称为array[i]属性，则将该属性添加到newObj 。

如果您使用reduce ， forEach或for...of进行迭代，也许会更加清楚，那么索引i不会使您感到困惑。

 function picker(array, obj) { return array.reduce(function(newObj, key) { if (key in obj) newObj[key] = obj[key]; return newObj; }, {}); } var array = ['a', 'c', 'e']; var obj = {a: 1, b: 2, c: 3, d: 4}; console.log(picker(array, obj)); 

Answer 2

你可以做类似的事情

const x = array.reduce((total, current) => current in obj ? ({
  ...total,
  [current]: obj[current]
}) : total, {});

它基本上仅根据array项来创建一个键接一个键的对象，其中每个键的值均取自obj 。 查看小提琴 。

Answer 3

您尚未检查键是否存在于数组中。

条件if (array[i] !== obj[i]) {试图用对象值而不是对象键检查数组键。 obj[i]也不正确，因为obj[0]与键0不存在。

这是使用Object.keys代替for循环的另一种形式。

 function picker(array, obj) { var newObj = {}; Object.keys(obj).forEach(function(key){ if(array.indexOf(key) > -1) { newObj[key] = obj[key]; } }); return newObj; } var array = ['a', 'c', 'e']; var obj = {a: 1, b: 2, c: 3, d: 4}; console.log(picker(array, obj));