在VUE中查找数组中的项时返回undefined

Question

我有下面的代码，可以找到数组中的项目详细信息。

var findGroupId = medias.find(medias => medias.group_name === this.groupName)

我的媒体是一个数组变量。然后console.log(findGroupId)的结果如下：

但当我console.log(findGroupId.group_id)时，结果为undefined。但是当我尝试更改使用ES2015箭头功能下的演示here并在 JavaScript Demo：Array.find（）上进行演示时，它运行良好。 我错过了什么吗？

示例数组输出（从数据库中获取）： PS：尽量不要使用for循环来节省一些内存和时间。

Answer 1

箭头函数中的

this可能是指文档而不是对象。一种选择是将this.groupName存储在本地变量上并根据您的条件使用它。

var groupName = this.groupName;
var findGroupId = medias.find(media => media.group_name === groupName);