Filter two arrays using the properties in Reactjs

Question

I have two arrays and want to filter the array from another using reactjs. I want to display only checked=true and the value property in first array is equal to the listname in second array.

can anyone help to provide the sample code to do that?

Firstarray:

[
  {
    "listname": "Cash Deposit",
    "totalsuccess": "45"
  },
  {
    "listname": "Cash Withdrawl",
    "totalsuccess": "25"
  },
  {
    "listname": "Fund Transfer",
    "totalsuccess": "9"
  }
]

Second array:

[
      {
        "name": "txn",
        "value": "Cash Deposit",
        "checked": true
      },
      {
        "name": "txn",
        "value": "Cash Withdrawl",
        "checked": false
      }
    ]

Array.prototype.filter + Array.prototype.some

Jonathan
– Jonathan

2018-10-30 07:50:12 +00:00
Commented Oct 30, 2018 at 7:50 — Jonathan
– Jonathan, Commented Oct 30, 2018 at 7:50

Shubham Khatri · Accepted Answer · 2018-10-30 07:53:36Z

2

You can make use of filter with some

const a = [
      {
        "name": "txn",
        "value": "Cash Deposit",
        "checked": true
      },
      {
        "name": "txn",
        "value": "Cash Withdrawl",
        "checked": false
      }
    ]

const b = [
  {
    "listname": "Cash Deposit",
    "totalsuccess": "45"
  },
  {
    "listname": "Cash Withdrawl",
    "totalsuccess": "25"
  },
  {
    "listname": "Fund Transfer",
    "totalsuccess": "9"
  }
]

const res = a.filter(obj => {
   if(obj.checked) {
      return b.some(item => item.listname === obj.value);
   }
   return false;
})
console.log(res);

answered Oct 30, 2018 at 7:53

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

Comments

Aseem Upadhyay · Accepted Answer · 2018-10-30 07:53:25Z

0

Here's my way to go about it.

firstArray.forEach( item => {
    secondArray.forEach( secondItem => {
       if(secondItem.checked && item.listname === secondItem.value) {
             //do your action here
         }
       })
})

You can use filter prototype, if you do not want to implement these loops manually

Hope it helps :)

answered Oct 30, 2018 at 7:53

Aseem Upadhyay

4,5874 gold badges19 silver badges36 bronze badges

Collectives™ on Stack Overflow

Filter two arrays using the properties in Reactjs

Firstarray:

Second array:

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Firstarray:

Second array:

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related