要实现安全高效的动态多条件数组过滤,可以使用JavaScript的filter()方法结合条件判断来实现。下面是一个代码示例:
// 原始数组
const array = [
{ name: 'John', age: 25, gender: 'Male' },
{ name: 'Jane', age: 30, gender: 'Female' },
{ name: 'Bob', age: 20, gender: 'Male' },
{ name: 'Alice', age: 35, gender: 'Female' }
];
// 过滤条件对象
const filters = {
age: { min: 25, max: 35 },
gender: 'Female'
};
// 过滤函数
const filterArray = (array, filters) => {
return array.filter(item => {
for (let key in filters) {
// 处理多个条件
if (typeof filters[key] === 'object') {
if (item[key] < filters[key].min || item[key] > filters[key].max) {
return false;
}
}
// 处理单个条件
else {
if (item[key] !== filters[key]) {
return false;
}
}
}
return true;
});
};
// 进行过滤
const filteredArray = filterArray(array, filters);
console.log(filteredArray);
在上述代码中,我们首先定义了一个原始的数组array
和一个包含过滤条件的对象filters
。然后,我们定义了一个名为filterArray
的过滤函数,该函数接收一个数组和一个条件对象作为参数,并返回符合条件的新数组。
在过滤函数中,我们使用了filter()
方法来遍历原始数组,然后使用条件判断来筛选出符合条件的元素。如果条件为对象类型,则判断元素的属性值是否在最小和最大值之间;如果条件为基本类型,则判断元素的属性值是否与条件相等。
最后,我们调用filterArray
函数,并将原始数组和条件对象作为参数传入,得到符合条件的新数组filteredArray
。在这个示例中,filteredArray
将会包含两个元素,分别是{ name: 'Jane', age: 30, gender: 'Female' }
和{ name: 'Alice', age: 35, gender: 'Female' }
。