Javascript Match from Multiple Array Value

Question

This is my Array with data:

let myvalue= [
    {
        "feeSubHeadId": 1022692502,
        "feeSubHeadName": "Quiz-01",
        "fineAmount": 20
    },
    {
        "feeSubHeadId": 1012182502,
        "feeSubHeadName": "Half Yearly Exam",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1022682502,
        "feeSubHeadName": "Quiz-02",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1012192502,
        "feeSubHeadName": "Annual Exam",
        "fineAmount": 0
    }
]

I want to match array element by another array, for example:

let match= [1022692502, 1012182502]

In this case expected result is:

[
    {
        "fineAmount": 20
    },
    {
        "fineAmount": 0
    }
]

How can I do this?

None of the value in match is matching with feeSubHeadId in myvalue — Code Maniac
– Code Maniac, Commented Mar 24, 2019 at 10:12

Amardeep Bhowmick · Accepted Answer · 2019-03-24 10:35:00Z

You should try doing this using Array.filter & Array.map. The Array.filter will test whether the feeSubHeadId is included in the match.

Then you can proceed to extract the fineAmount property in the Array.map.

let myvalue= [
    {
        "feeSubHeadId": 1022692502,
        "feeSubHeadName": "Quiz-01",
        "fineAmount": 20
    },
    {
        "feeSubHeadId": 1012182502,
        "feeSubHeadName": "Half Yearly Exam",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1022682502,
        "feeSubHeadName": "Quiz-02",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1012192502,
        "feeSubHeadName": "Annual Exam",
        "fineAmount": 0
    }
];
let match= [1022692502, 1012182502];
const matchedItems = myvalue.filter(({feeSubHeadId}) => match.includes(feeSubHeadId)).map(({fineAmount})=> ({fineAmount}));
console.log(matchedItems);

We could use Array.from also, the first parameter is the filtered array the second one will map it to the new object:

let myvalue= [
    {
        "feeSubHeadId": 1022692502,
        "feeSubHeadName": "Quiz-01",
        "fineAmount": 20
    },
    {
        "feeSubHeadId": 1012182502,
        "feeSubHeadName": "Half Yearly Exam",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1022682502,
        "feeSubHeadName": "Quiz-02",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1012192502,
        "feeSubHeadName": "Annual Exam",
        "fineAmount": 0
    }
];
let match= [1022692502, 1012182502];
const matchedItems = Array.from(myvalue.filter(({feeSubHeadId}) => match.includes(feeSubHeadId)),
                    ({fineAmount}) => ({fineAmount}));
console.log(matchedItems);

baao · Accepted Answer · 2019-03-24 10:15:36Z

1

You could use reduce to do this

const res = myvalue.reduce((a, {feeSubHeadId, fineAmount}) => 
    match.includes(feeSubHeadId) ? a.concat({fineAmount}) : a,[]
);
console.log(res);

<script>
let myvalue= [
  {
    "feeSubHeadId": 1022692502,
    "feeSubHeadName": "Quiz-01",
    "fineAmount": 20
  },
  {
    "feeSubHeadId": 1012182502,
    "feeSubHeadName": "Half Yearly Exam",
    "fineAmount": 0
  },
  {
    "feeSubHeadId": 1022682502,
    "feeSubHeadName": "Quiz-02",
    "fineAmount": 0
  },
  {
    "feeSubHeadId": 1012192502,
    "feeSubHeadName": "Annual Exam",
    "fineAmount": 0
  }
];
let match= [1022692502, 1022682502];
</script>

answered Mar 24, 2019 at 10:15

baao

73.5k18 gold badges152 silver badges208 bronze badges

Comments

Code Maniac · Accepted Answer · 2019-03-24 10:17:09Z

1

You can simply use reduce and includes

let myvalue = [{"feeSubHeadId": 1022692502,"feeSubHeadName": "Quiz-01","fineAmount": 20},{"feeSubHeadId": 1012182502,"feeSubHeadName": "Half Yearly Exam","fineAmount": 0},{"feeSubHeadId": 1022682502,"feeSubHeadName": "Quiz-02","fineAmount": 0},{"feeSubHeadId": 1012192502,"feeSubHeadName": "Annual Exam","fineAmount": 0}]

let match= [1022692502, 1012182502]

let op = myvalue.reduce((op,{feeSubHeadId,fineAmount}) => {
  if(match.includes(feeSubHeadId)){
    op.push({fineAmount})
  }
  return op
},[])

console.log(op)

answered Mar 24, 2019 at 10:17

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Comments

Pranav C Balan · Accepted Answer · 2019-03-24 10:28:46Z

Use Array#filter method to filter out required values and then use Array#map method to format the array element.

var res = myvalue
  // filter out elements
  .filter(({ feeSubHeadId }) => match.includes(feeSubHeadId))
  // format array elements
  .map(({ fineAmount }) => ({ fineAmount }));

let myvalue= [
    {
        "feeSubHeadId": 1022692502,
        "feeSubHeadName": "Quiz-01",
        "fineAmount": 20
    },
    {
        "feeSubHeadId": 1012182502,
        "feeSubHeadName": "Half Yearly Exam",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1022682502,
        "feeSubHeadName": "Quiz-02",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1012192502,
        "feeSubHeadName": "Annual Exam",
        "fineAmount": 0
    }
]
let match= [1022692502, 1012182502]


var res = myvalue
  .filter(({ feeSubHeadId }) => match.includes(feeSubHeadId))
  .map(({ fineAmount }) => ({ fineAmount }));
  
console.log(res);

Or with Array#reduce method you can combine both.

var res = myvalue
  // iterate and push into array if id found
  .reduce((arr, { feeSubHeadId,fineAmount }) => {
    if (match.includes(feeSubHeadId)) arr.push({ fineAmount: fineAmount });
    // return array reference for next iteration
    return arr;
    // set intial value as empty array for result
  }, []);

let myvalue= [
    {
        "feeSubHeadId": 1022692502,
        "feeSubHeadName": "Quiz-01",
        "fineAmount": 20
    },
    {
        "feeSubHeadId": 1012182502,
        "feeSubHeadName": "Half Yearly Exam",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1022682502,
        "feeSubHeadName": "Quiz-02",
        "fineAmount": 0
    },
    {
        "feeSubHeadId": 1012192502,
        "feeSubHeadName": "Annual Exam",
        "fineAmount": 0
    }
]

let match= [1022692502, 1012182502]


var res = myvalue
  .reduce((arr, { feeSubHeadId,fineAmount }) => {
    if (match.includes(feeSubHeadId)) arr.push({ fineAmount: fineAmount });
    return arr;
  }, []);

console.log(res);

For extracting object properties I'd used ES6 Destructuring assignment feature.

On side note you can simply do {fineAmount} instead of { fineAmount: fineAmount }

Collectives™ on Stack Overflow

Javascript Match from Multiple Array Value

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related