Compare two arrays and return array of objects having property values which equals to another array of keys

Question

var columnNames = [{columnName: 'User', id:'userName' }, {columnName: 'Email Id', id:'emailId' }]
var tableData = [{userName: 'aaa', emailId: 'aaa@test.com', age: 20, middleName: 'test' }, {userName: 'bbb', emailId: 'bbb@test.com', age: 30, middleName: 'test1'}, {userName: 'ccc', emailId: 'ccc@test.com', age: 40, middleName: 'test3'}];

My requirement:

var output = [{userName: 'aaa', emailId: 'aaa@test.com'}, {userName: 'bbb', emailId: 'bbb@test.com'}, {userName: 'ccc', emailId: 'ccc@test.com'}]

All I am trying to implement this but don't find a proper idea to implement this. I am completely stuck to implement this functionality. I need array of objects having all property values available in columnNames id values.

What is the relation u want between columnNames and tableData ? The output shows the values just from the tableData. — Imam, Aug 02 '21 at 10:47

score 1 · Answer 1 · answered Aug 02 '21 at 10:51

You can use map and reduce to achieve the desired result.

var columnNames = [
  { columnName: "User", id: "userName" },
  { columnName: "Email Id", id: "emailId" },
];

var tableData = [
  { userName: "aaa", emailId: "aaa@test.com", age: 20, middleName: "test" },
  { userName: "bbb", emailId: "bbb@test.com", age: 30, middleName: "test1" },
  { userName: "ccc", emailId: "ccc@test.com", age: 40, middleName: "test3" },
];

var output = [
  { userName: "aaa", emailId: "aaa@test.com" },
  { userName: "bbb", emailId: "bbb@test.com" },
  { userName: "ccc", emailId: "ccc@test.com" },
];

const result = tableData.map((obj) =>
  columnNames.reduce((acc, curr) => {
    acc[curr.id] = obj[curr.id];
    return acc;
  }, {})
);

console.log(result);

Compare two arrays and return array of objects having property values which equals to another array of keys

1 Answers1