vue如何查找数组中属性name中包含字段a或字段b的数据或同时包含时,输出ture
时间: 2024-09-19 20:05:51 浏览: 56
详解Vue改变数组中对象的属性不重新渲染View的解决方案
在 Vue 中,你可以使用数组的 `filter()` 方法配合正则表达式来查找满足条件的元素。假设你有一个名为 `items` 的数组,其中每个对象都有一个 `name` 属性:
```javascript
const items = [
{ name: 'itemA' },
{ name: 'itemB' },
{ name: 'itemAB' },
{ name: 'itemC' }
];
```
如果你要找的是名字包含 "a" 或 "b" 字符的,可以这样做:
```javascript
const result = items.filter(item => {
return item.name.includes('a') || item.name.includes('b');
});
```
如果需要同时包含 "a" 和 "b",可以稍微修改一下正则表达式:
```javascript
const regex = /^.*a.*b.*$/;
const result = items.filter(item => regex.test(item.name));
```
这里我们用了一个正则表达式 `/^.*a.*b.*$/`,这个正则表示从字符串开始(^)到结束($),中间可以包含任意数量的其他字符(`.*`),但必须包含 "a" 和 "b"。
阅读全文