如何提取Vue.js数据中的'34'值？该代码写法是否可行？

首先明确：console.log(this.filters.key)完全无法实现需求。因为filters是一个数组，而非单个对象，数组本身不存在key属性，执行这段代码只会输出undefined。

要提取值为'34'的内容，有两种常用方法：

1. 提取第一个匹配的对象（推荐，适配你的唯一匹配场景） #

使用数组的find()方法，它会返回第一个满足条件的数组元素：

// 找到value等于'34'的对象
const targetFilter = this.filters.find(item => item.value === '34');
console.log(targetFilter); // 输出 { key: 'b', value: '34' }

// 若只需单独取key或value：
console.log(targetFilter?.key); // 输出 'b'
console.log(targetFilter?.value); // 输出 '34'

注：?.是可选链操作符，防止找不到匹配项时抛出错误。

2. 提取所有匹配的对象（适用于存在多个匹配的场景） #

如果数组中可能有多个value为'34'的项，用filter()方法返回所有匹配元素组成的数组：

const targetFilters = this.filters.filter(item => item.value === '34');
console.log(targetFilters); // 输出 [{ key: 'b', value: '34' }]

内容的提问来源于stack exchange，提问作者fleamon