根据ID将n个对象从数组合并到一个数组

时间:2019-11-21 03:47:11

标签: javascript arrays sorting reduce

我正在尝试合并下面列出的对象数组中的n个对象。

我尝试使用reduce方法,但是我不明白自己在做什么错,仍然是提高js方法的新手。

  const array = [
    {
      data: {
        '1': {
          foo: 'bar',
          test: true
        },
        '4': {
          foo: 'boor'
        }
      }
    },
    {
      data: {
        '1': {
          x: 'o',
          test2: false
        }
      }
    }
  ];

  const result = Object.values(
    array.reduce((r, { data }) => {
      Object.entries(data).forEach(([id, { ...else }]) => {
        r[id] = r[id] || {
          id,
          fooValue: else.foo, // should be `bar` for id `1` and `boor` for id `4`
          xValue: else.x, // should be `o` for id `1` and `undefined` for id `4`
          all: ...else
        };
      });
      return r;
    }, {})
  );

我试图最终得到这样的东西,但是我很迷茫。

  [
    {
      id: '1',
      fooValue: 'bar',
      xValue: 'o',
      all: {
        foo: 'bar',
        test: true,
        x: 'o',
        test2: false
      }
    },
    {
      id: '4',
      fooValue: 'boor',
      xValue: undefined,
      all: {
        foo: 'boor'
      }
    }
  ]

2 个答案:

答案 0 :(得分:1)

const array = [
    {
      data: {
        '1': {
          foo: 'bar',
          test: true
        },
        '4': {
          foo: 'boor'
        }
      }
    },
    {
      data: {
        '1': {
          x: 'o',
          test2: false
        }
      }
    }
  ];
  

let result = Object.values(array.reduce((acc, c) => {
	let list = Object.entries(c.data);
	list.map( o => {
		let key = o[0];
		acc[key] = (acc[key] || {});
		acc[key]['id'] = key;
		acc[key]['fooValue'] = o[1]['foo'];
		acc[key]['xValue'] = o[1]['x'];
		acc[key]['all'] = {...acc[key]['all'], ...o[1]};
     });
	return acc;

}, {}));

console.log(result);

//or 

let result1 = Object.values(array.reduce((acc, c) => {
let list = Object.entries(c.data);
list.map( o => {
	let key = o[0];
	let value = o[1];
	acc[key] = (acc[key] || {});
	acc[key] = {
		id: key,
		fooValue: value['foo'],
		xValue: value['x'],
		all: {...acc[key]['all'], ...o[1]}
	}
 });
return acc;

}, {}));

console.log(result1);

答案 1 :(得分:0)

else 是Javascript中的关键字。您不能将其用作变量。此外,您应该使用带有大括号的传播运算符包装变量,以便复制对象

const result = Object.values(
  array.reduce((r, { data }) => {
    Object.entries(data).forEach(([id, rest ]) => {
      r[id] = r[id] || {
        id: id,
        fooValue: rest.foo, 
        xValue: rest.x,
        all: rest
      };
    });
    return r;
  }, {})
);