How filter object values with es6

user_12199779 0
Viewed 189

i have a 2 object which i wan't to make filtering with es6

first is my data object and second selected some data.

I wan't to get all items in data object which have second object values

let data = [
  {
    id: 1,
    name: 'A',
    status: 1
  },
  {
    id: 2,
    name: 'B',
    status: 1
  },
  {
    id: 3,
    name: 'C',
    status: 3
  },
  {
    id: 4,
    name: 'D',
    status: 2
  }
]

and second object is : 

let selectedStatus = [
  {
    id: 1,
    status: 1
  },
  {
    status: 3
  }
]

in this case i want't to get data object items which contains same statuses in second object so in this case i need to get this result: 

data = [
  {
    id: 1,
    name: 'A',
    status: 1
  },
  {
    id: 2,
    name: 'B',
    status: 1
  },
  {
    id: 3,
    name: 'C',
    status: 3
  },
]
reactjs ecmascript-6 javascript
5 Answers

You can do like this:

data = data.filter(item =>
  selectedStatus.map(s => s.status).includes(item.status)
);
user_117174580 
let result = [];    
selectedStatus.forEach(selectedStatus => result = result.concat(data.filter(status => status.status === selectedStatus.status)))
user_40989970

Below snippet will give the expected answer:

var result = [];
data.forEach((value) => {
    selectedStatus.forEach(val => {
        if(value.status == val.status) { 
            result.push(value) 
        } 
    }); 
});
console.log(result)
user_85798550

Assuming you do not have any browser restrictions, you can make use of followed by using Array.includes() to check statuses on data which are on selectedStatus, followed by Array.filter() to filter out objects which match the required condition.

const data = [
  {
    id: 1,
    name: 'A',
    status: 1
  },
  {
    id: 2,
    name: 'B',
    status: 1
  },
  {
    id: 3,
    name: 'C',
    status: 3
  },
  {
    id: 4,
    name: 'D',
    status: 2
  }
]

const selectedStatus = [
  {
    id: 1,
    status: 1
  },
  {
    status: 3
  }
];

const res = data.filter(obj => selectedStatus.map(s => s.status).includes(obj.status));

console.log(res);

user_109599400

If you want to generate a third list, like your expected result, you can generate a white-list to match against.

const whiteList = selectedStatus.map((sel) => sel.status); // which gives you an array of all selected status you want to filter for

const filteredData = data.filter((data) => ~whiteList.indexOf(data.status)); // please consider that filter returns a new array that contain all items where the condition was falsy. That can be confusing.

to understand the ~ operator please check https://wsvincent.com/javascript-tilde/

you may struggle with the result of the filtered array. Please consider that array.filter returns a new array that contain all items which did NOT met the condition in other words its a negation. That can be confusing. https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

ES7 

const filteredData = data.filter((data) => whiteList.includes(data.status));
user_9852150
Related