无法访问数组中的单个对象？

Question

嗨，我在访问数组中的对象时遇到问题...我不知道是因为我更新了 Chrome 还是因为我添加了，然后从我的 React 应用程序中删除了 Preact。问题是这样的：

标签是对象数组：

var fullTag = tags.filter(tag => tag.tagId==tagId);
console.log(fullTag);

结果我在控制台中得到了这个：

  [{…}]

当我展开它时，我得到这个：（图片）

所以除了

之外没有其他方法可以访问它

console.log(Object(fullTag[0]).tag);

在所有其他方面我都不确定......这是为什么？！我可以发誓直到昨天我都可以使用 fullTag.tag 访问它...有人可以解释一下吗？

Answer 1

filter() 方法创建一个新数组，其中包含所有通过提供的 回调 函数实现的测试的元素。

所以，在你filter 和array 之后，即使只有一个item 通过test 函数，你也会得到另一个array。这就是您无法使用fullTag.tag 访问它的原因。

解决方案是使用其index 访问一个元素。

let tags=[{"id":1,"tag":"tag1"},{"id":2,"tag":"tag2"}];
let tagId=1;
var fullTag = tags.filter(tag => tag.id==tagId);
console.log(fullTag);
console.log(Object(fullTag[0]).tag);

如果tagId 属性在您的数组中是唯一的，您可以使用find 方法。

var fullTag = tags.find(tag => tag.id==tagId);

现在您可以像 wished 那样访问您的 tag 属性。

console.log(fullTag.tag);