How to filter data in array to another array?

Question

I am building a card game app in React and am trying to filter if one array that has multiple 'cards' has a value of 6 in the present array. For example:

let arr = [{type: "span", key: "51", ref: null, props: {children: "6"}}, { type: "span", key: "52", ref: null, props: {children: "7"}}, { type: "span", key: "53", ref: null, props: {children: "6"}}]
let arr2 = [{ type: "span", key: "50", ref: null, props: {children: "6"}}]

let result = arr.filter((card) => {
    return arr2 === card
})
console.log(result) //returns [] 
                    //I want it to return the items that have props:{children: "6"}

And then I need to remove the item from arr and place it in arr2. Then i would do something like this?

this.setState(({arr2, arr}) => {
        return {
            arr2: [...arr2, ...arr.slice(0, 1)],
            arr: [...arr.slice(1, arr.length)]

        };
      });

arr2 === card will never be true. Two Array instances are always distinct. — XCS
– XCS, Commented Nov 16, 2019 at 22:07

Arun AK · Accepted Answer · 2019-11-16 22:05:13Z

2

You can use some inside the filter to get the common elements based on the props value.

let arr = [{
  type: "span",
  key: "51",
  ref: null,
  props: {
    children: "6"
  }
}, {
  type: "span",
  key: "52",
  ref: null,
  props: {
    children: "7"
  }
}, {
  type: "span",
  key: "53",
  ref: null,
  props: {
    children: "6"
  }
}]

let arr2 = [{
  type: "span",
  key: "50",
  ref: null,
  props: {
    children: "6"
  }
}]

let result = arr.filter((card, index) => {
		return arr2.some(function(card2){
        return card2.props.children === card.props.children
    });
})

arr = arr.filter((card, index) => {
		return arr2.some(function(card2){
        return card2.props.children !== card.props.children
    });
})
arr2 = arr2.concat(result)
console.log("arr list are:")
console.log(arr)
console.log("arr2 list are:")
console.log(arr2)

Hope it helps :)

edited Nov 16, 2019 at 22:05

answered Nov 16, 2019 at 21:57

Arun AK

4,3902 gold badges26 silver badges48 bronze badges

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

Comments

zimmerbimmer · Accepted Answer · 2019-11-16 22:01:01Z

0

let arr = [
  {type: "span", key: "51", ref: null, props: {children: "6"}}, 
  { type: "span", key: "52", ref: null, props: {children: "7"}}, 
  { type: "span", key: "53", ref: null, props: {children: "6"}}
];

let arr2 = [
  { type: "span", key: "50", ref: null, props: {children: "6"}}
];

let result = arr.filter(
  card => card.props.children === '6' 
    ? arr2.push(card) 
    : null 
  ); //If children: 6 then add it to arr2

arr = arr.filter(card => card.props.children !== '6'); //Remove from arr the ones that has children: 6

console.log(result);
console.log(arr2);
console.log(arr);

answered Nov 16, 2019 at 22:01

zimmerbimmer

95810 silver badges27 bronze badges

Collectives™ on Stack Overflow

How to filter data in array to another array?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related