I need to write an algorithm where the user selects an option to filter a particular data and on every click it makes an api request returning the filtered data. As many times the user clicks it needs to continue to filter out the data. My question is, how can the algorithm save the most recent result and run a for/filter loop on the most recent results? And when the user decides to unselect the data that they wanted to filter, it should show the user their previous results. The user should be able to continue to filter until they get the desired data. Please see example below.
***DATA***
let data = [
{"id":0, "name":"John1", "age":29, "city":"seattle", "score": 95},
{"id":1, "name":"John2", "age":25, "city":"seattle", "score": 95},
{"id":2, "name":"John3", "age":29, "city":"seattle", "score": 85},
{"id":3, "name":"John4", "age":30, "city":"austin", "score": 75},
{"id":4, "name":"John5", "age":24, "city":"austin", "score": 85},
{"id":5, "name":"John6", "age":30, "city":"aspen", "score": 84},
{"id":6, "name":"John7", "age":31, "city":"aspen", "score": 100},
{"id":7, "name":"John8", "age":31, "city":"aspen", "score": 93},
{"id":8, "name":"John9", "age":35, "city":"denver", "score": 93},
{"id":9, "name":"John10", "age":29, "city":"denver", "score": 75},
{"id":10, "name":"John11", "age":28, "city":"denver", "score": 85},
{"id":11, "name":"John12", "age":28, "city":"denver", "score": 85},
]
***FIRST USER SELECTED FILTER***
let firstFilter = [{"score":85}]
***FIRST FILTER RESULTS***
let firstFilterdResults = [
{"id":2, "name":"John3", "age":29, "city":"seattle", "score": 85},
{"id":4, "name":"John5", "age":24, "city":"austin", "score": 85},
{"id":10, "name":"John11", "age":28, "city":"denver", "score": 85},
{"id":11, "name":"John12", "age":28, "city":"denver", "score": 85},
]
***SECOND USER SELECTED FILTER***
let secondFilter = [{"age":28}]
***SECOND FILTER RESULTS***
let secondFilterdResults = [
{"id":10, "name":"John11", "age":28, "city":"denver", "score": 85},
{"id":11, "name":"John12", "age":28, "city":"denver", "score": 85},
]
***CURRENT ALGORITHM***
function filterDataList(data, firstFilter) {
let firstFilteredResults = [];
firstFilteredResults = data.filter((dataItem) => {
var throwVar = 0
for (let item of firstFilter) {
for (let key in item) {
if (dataItem[key] === undefined || dataItem[key] !== item[key]) {
throwVar = 0
} else {
return true
}
}
}
if (throwVar == 0) {
return false
}
})
return firstFilteredData
}