javascript - 使用map函数仅获取元素的属性值

Question

我试图仅使用 map 函数来获取属性值。我知道如果我使用 map 那么它将返回一个元素数组。所以，这就是我正在尝试做的事情。

我有这个对象数组

mainarray = [{ foo : '1' , id:'2' }, { foo : '2' , id:'3' },{ foo : '1' , id:'4' }];

现在，我正在做的是(数据是一些不同的数组)。

let count;
if (data) {
    if ((data[0].foo) && (data[0].foo)) {
        count = this.state.mainarray.map((object, index) => {
            if ((object.Id === data[0].id) && (data[0].foo === object.foo)) {
                return object;
            }
        });
    }
}

我就是这样做的。现在，如果它没有匹配任何内容，那么它会返回一个包含所有未定义值的数组，因为其中有很多元素。

[未定义，未定义]

但我实际上尝试了 object.foo，所以它应该只返回该值，但它没有返回。所以，我被困在这里了。谁能帮我解决这个问题吗？

Answer 1

我认为你想使用filter方法

let count;
if (data) {
    if ((data[0].foo) && (data[0].foo)) {
        count = this.state.mainarray.filter((object) => (object.Id === data[0].id) && (data[0].foo === object.foo)).length;
    }
}