vue 过滤数组对象中指定多个字段
时间: 2024-05-10 16:18:39 浏览: 131
vue 内置过滤器的使用总结(附加自定义过滤器)
可以使用 `filter` 方法,结合 `includes` 方法和 `some` 方法来实现过滤数组对象中指定多个字段。
假设有一个包含多个对象的数组,每个对象都有 `name` 和 `age` 两个字段,现在需要过滤出 `name` 中包含某个关键字(如 "John")或者 `age` 大于某个值(如 30)的对象。可以按照以下方式实现:
```javascript
const arr = [
{ name: 'John Doe', age: 25 },
{ name: 'Jane Smith', age: 35 },
{ name: 'Bob Johnson', age: 40 },
{ name: 'Mary Brown', age: 20 }
];
const keyword = 'John'; // 关键字
const minAge = 30; // 最小年龄
const filteredArr = arr.filter(obj => {
return obj.name.includes(keyword) || obj.age > minAge;
});
```
上述代码首先定义了一个数组 `arr`,然后定义了一个关键字 `keyword` 和一个最小年龄 `minAge`。接着使用 `filter` 方法过滤出符合条件的对象,其中 `some` 方法用于判断对象的 `name` 是否包含关键字,`includes` 方法用于判断数组中是否包含某个元素,如果 `name` 包含关键字或 `age` 大于最小年龄,则返回 `true`,否则返回 `false`。最后将符合条件的对象保存到 `filteredArr` 数组中。
使用以上方法可以方便地过滤数组对象中指定多个字段。
阅读全文