I have two arrays I want to compare. The state of each object could be either true, false or null depending on what the user has selected.
I then want to compare the two arrays, and push the name of the activity into a separate array if they match each other.
If it compares the first one for example, which would be "free", and the user has checked this, making { free: true }, then this activity ("Go to the cinema") will not be pushed into the new array.
//user input
filtersChecked: [
{ free: null },
{ indoors: null },
{ city: null },
{ winter: null },
{ physical: null },
],
//compared against:
name: "Go to the cinema",
filters: [
{ free: false },
{ indoors: true },
{ city: true },
{ winter: null },
{ physical: false },
],
What I'm struggling with is comparing the "index" of the objects state if that makes any sense...
My attempt looks like this:
function checkFilter(index, isChecked) {
if (isChecked) {
model.input.filtersChecked[index] = true;
} else if (!isChecked) {
model.input.filtersChecked[index] = false;
}
}
function suggestActivities() {
let userFilters = model.input.filtersChecked;
let activityFilters;
let tempArray = [];
for (let i = 0; i < model.data.activities.length; i++) {
activityFilters = model.data.activities[i].filters;
for (let j = 0; j < userFilters.length; j++) {
if (userFilters[j] === activityFilters[j]) {
tempArray.push(model.data.activities[i].name);
console.log(tempArray);
continue;
}
}
}
console.log(tempArray);
}
I hope it's detailed enough. Been stuck on this for way too long now.
Also worth a mention that I would like it to be vanilla JavaScript, since this is a school assignment. So no jQuery please!
Thank you in advance!
Here is a sample of how you could do this comparison, with the subproblems you could break it down into. Use it as a template with how to solve your assignment's problem. Let me know if it helps.
const userInput = [
{ free: null },
{ indoors: null },
{ city: null },
{ winter: null },
{ physical: null },
]
const compared = {
name: "Go to movies"
filters: [
{ free: false },
{ indoors: true },
{ city: true },
{ winter: null },
{ physical: false },
]
}
const tempArr = []
function compareObjects (userInput, compared) {
//loop through userInput filters
for (let i=0; i<userInput.length; i++){
//grab key from current index of array (like "free", "indoors", etc)
let key = Object.keys(userInput[i])[0]
//compare stored filters with user filters
//if not equal, we can stop searching through the filters entirely and exit the function,
// since if one of them doesnt match, we wont push at all
//Note, I can reuse the userInput key for the compared keys, because both arrays are of equal length.
//If they weren't the same length, the keys wouldn't match, and you would have to sort the array first
//so the index order and keys matched for both inputs.
if(userInput[i][key] !== compared.filters[i][key]) return
}
// if we made it through this loop without exiting the function, we can
// push the name since it means they all matched
tempArr.push(compared.name)
}
//call the function and pass in variables
compareObjects(userInput, compared)