How to push elements of an array if elements are matching in another array in angular?

Question

I have the following arrays,

array1 = [{"index":1,"firstname":"John","lastname":"Cruiser","phoneNumber":765758757},{"index":2,"firstname":"Carl","lastname":"Turner","phoneNumber":123432434},{"index":1,"firstname":"Anna","lastname":"Mull","phoneNumber":23434455}]

array2 = [{"field":"index","header":"INDEX"},{"field":"firstname","header":"FIRSTNAME"},{"field":"lastname","header":"LASTNAME"}]

Now, I want push data of array1 into a new array but I do not want to add all columns into the new array, I want to add only those fields which are available in array2.

The output of array3 should be as below,

array3 = [{"INDEX":1, "FIRSTNAME":"John","LASTNAME":"Cruiser" },{"INDEX":2,"FIRSTNAME":"Carl","LASTNAME":"Turner"},{"INDEX":1,"FIRSTNAME":"Anna","LASTNAME":"Mull"}]

I tried doing something like this,

array2.forEach(element => {
array3.push(array1[element.field]);
})

But, this is not working can someone help me with this,Any help is appreciated.

Thanks in advance!

the reason that's not working is becaues array1 does not have any of the properties in array2, it's an array. you need to iterate over array1, and select the properties from there to add to array3 — Glenn van Acker
– Glenn van Acker, Commented Nov 21, 2019 at 12:15

akpgp · Accepted Answer · 2019-11-21 13:02:58Z

1

You can simply use below code and achieve he desired outcome, no need to use any library.

array1.forEach(elements => {
  let a = {};
  array2.forEach((elem)=>{
    a[elem.header] = elements[elem.field];
  });
  array3.push(a);
});
console.log(array3);

answered Nov 21, 2019 at 13:02

akpgp

8417 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Akki Over a year ago

thank you for your response, & this is working perfectly fine

Micha · Accepted Answer · 2019-11-21 12:16:02Z

1

you can make a intersection:

let intersection = arrA.filter(x => arrB.includes(x));

your case:

let array3 = array1.filter(x => array2.includes(x));

intersection with lodash:

const _ = require("lodash")
var a = { 'a': 1, 'b': 2, 'c': 3 };
var b = { 'c': 3, 'd': 4, 'e': 5 };

_.intersection(_.keys(a), _.keys(b)); // ['c']

answered Nov 21, 2019 at 12:16

Micha

9206 silver badges11 bronze badges

Comments

Glenn van Acker · Accepted Answer · 2019-11-21 12:16:43Z

1

array2.forEach(element => {
   array1.forEach(e => {
       array3.push(e[element.field]);
   }
})

answered Nov 21, 2019 at 12:16

Glenn van Acker

3371 silver badge14 bronze badges

Comments

Eldar · Accepted Answer · 2019-11-21 12:30:40Z

var array1 = [{
  "index": 1,
  "firstname": "John",
  "lastname": "Cruiser",
  "phoneNumber": 765758757
}, {
  "index": 2,
  "firstname": "Carl",
  "lastname": "Turner",
  "phoneNumber": 123432434
}, {
  "index": 1,
  "firstname": "Anna",
  "lastname": "Mull",
  "phoneNumber": 23434455
}]

var array2 = [{
  "field": "index",
  "header": "INDEX"
}, {
  "field": "firstname",
  "header": "FIRSTNAME"
}, {
  "field": "lastname",
  "header": "LASTNAME"
}];

var array3 = [];


array1.forEach(value => {
  var hasAnyField = false;
  var temp = {}; 
  array2.forEach(fieldDef => { //iterate through for each field definition

    var target = value[fieldDef.field];
    if (target) { // field located
      hasAnyField = true; // it has at least 1 field
      temp[fieldDef.header] = target; // set the header
    }
  });

  if (hasAnyField) { // if has any field we will have a valid object then
    array3.push(temp);
  }

});

console.log(array3);

MoxxiManagarm · Accepted Answer · 2019-11-21 12:37:56Z

1

A lodash way:

const array1 = [{"index":1,"firstname":"John","lastname":"Cruiser","phoneNumber":765758757},{"index":2,"firstname":"Carl","lastname":"Turner","phoneNumber":123432434},{"index":1,"firstname":"Anna","lastname":"Mull","phoneNumber":23434455}];

const array2 = [{"field":"index","header":"INDEX"},{"field":"firstname","header":"FIRSTNAME"},{"field":"lastname","header":"LASTNAME"}];


const fields = array2.map(field => field.field);

const array3 = array1.map(e => _pick(e, fields));

console.log(array3);

Stackblitz: https://stackblitz.com/edit/angular-aq8tua

answered Nov 21, 2019 at 12:37

MoxxiManagarm

9,2214 gold badges20 silver badges51 bronze badges

Collectives™ on Stack Overflow

How to push elements of an array if elements are matching in another array in angular?

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related