n 필터 기준을 사용하여 객체 배열을 동적으로 필터링

Question

개체 배열 (데이터)이 있으며 각 기준에 여러 값을 가질 수있는 필터 기준 (기준)을 기준으로이 배열을 필터링해야합니다.

var data = [ 
    { ID: 1, Name: "John", Color: "Blue", Location: "Up" }, 
    { ID: 2, Name: "Pauline", Color: "Green", Location: "Up" }, 
    { ID: 3, Name: "Ahmed", Color: "Orange", Location: "Left" }, 
    { ID: 4, Name: "Diego", Color: "Pink", Location: "Up" }, 
    { ID: 5, Name: "Maria", Color: "Black", Location: "Down" }, 
    { ID: 6, Name: "Gus", Color: "Green", Location: "Up" }, 
    { ID: 7, Name: "Brian", Color: "Pink", Location: "Left" }, 
    { ID: 8, Name: "Shelley", Color: "Green", Location: "Right" }, 
    { ID: 9, Name: "Leonardo", Color: "Blue", Location: "Right" }, 
    { ID: 10, Name: "Big Daddy", Color: "Green", Location: "Down" } 
]; 

var criteria = [ 
    { Field: "Color", Values: ["Green"] }, 
    { Field: "Location", Values: ["Up", "Down"] } 
]; 

제가 1. 각 필터 기준으로서 취급되는 "AND"필터 분야 2. 다중 필터 값이 "OR"로 간주되는 방식으로 물체 (필터링) 배열을 필요로한다. 그래서이 출력해야하는 방법이다 : 당신이 Array.every 및 조건에 대한 array.indexOf OR 조건을 사용할 수 있습니다

var filtered = [ 
     { ID: 2, Name: "Pauline", Color: "Green", Location: "Up" }, 
     { ID: 6, Name: "Gus", Color: "Green", Location: "Up" }, 
     { ID: 10, Name: "Big Daddy", Color: "Green", Location: "Down" } 
    ]; 

Answer 1

.

참고 : indexOf은 대소 문자를 구분합니다. 당신이 대소 문자를 구분하게하려는 경우, 당신은 소문자로 두 값을 변환하고

var data = [ 
 
    { ID: 1, Name: "John", Color: "Blue", Location: "Up" }, 
 
    { ID: 2, Name: "Pauline", Color: "Green", Location: "Up" }, 
 
    { ID: 3, Name: "Ahmed", Color: "Orange", Location: "Left" }, 
 
    { ID: 4, Name: "Diego", Color: "Pink", Location: "Up" }, 
 
    { ID: 5, Name: "Maria", Color: "Black", Location: "Down" }, 
 
    { ID: 6, Name: "Gus", Color: "Green", Location: "Up" }, 
 
    { ID: 7, Name: "Brian", Color: "Pink", Location: "Left" }, 
 
    { ID: 8, Name: "Shelley", Color: "Green", Location: "Right" }, 
 
    { ID: 9, Name: "Leonardo", Color: "Blue", Location: "Right" }, 
 
    { ID: 10, Name: "Big Daddy", Color: "Green", Location: "Down" }, 
 
    { ID: 11, Name: "Dummy", Color: ["Green", "Orange"], Location: "Down" } 
 
]; 
 

 
var criteria = [ 
 
    { Field: "Color", Values: ["Green"] }, 
 
    { Field: "Location", Values: ["Up", "Down"] } 
 
]; 
 

 
var result = data.filter(function(obj){ 
 
    return criteria.every(function(c){ 
 
    var value = obj[c.Field]; 
 
    if(typeof value === 'object') { 
 
     return Object.keys(value).some(function(key){ 
 
     return c.Values.indexOf(value[key]) > -1 
 
     }) 
 
    } 
 
    else 
 
     return c.Values.indexOf(value) > -1 
 
    }) 
 
}) 
 
console.log(result)

Answer 2

Array.some 어떤 경기 진정한 제공 비교하고 모든 불일치에 대해 false 수 있습니다. false를 예상하고이를 무효화하여 원본 데이터에 대한 필터 기준이 올바른지 확인합니다.

아주 좋은, 그러나 우리는 코드 작성 서비스가 아니며, 그래서 배울

filteredData = data.filter(d => 
    !(criteria.some(criterion => 
    criterion.Values.indexOf(d[criterion.Field]) === -1 
    )) 
)