为什么过滤器返回[object Object]？

Question

var persons = [
    {name : "jak" , age:20},
    {name : "hasan" , age: 15},
    {name : "reza" , age:18}
];

function adult(el,index,arr){
    if (el.age >= 18)
        return el.name;
    }

    document.getElementById("x").innerHTML = persons.filter(adult);
}

我期望jak和reza，但是我看到[object object] [object object]。

Answer 1

过滤器需要返回true以保留元素，否则返回false。

见下文：

 var persons = [{ name: "jak", age: 20 }, { name: "hasan", age: 15 }, { name: "reza", age: 18 }]; function adult(el, index, arr) { if (el.age >= 18) return true; } document.getElementById("x").innerHTML = persons.filter(adult).map(function(person) { return person.name; }); 

 <div id='x'></div> 

参考： MDN

Answer 2

您正在看到[object Object], [object Object]因为您试图将对象数组显示为字符串。 发生这种情况是因为您似乎认为filter会根据返回值创建一个字符串。 那不是filter工作原理。 filter接受一个返回true或false的函数，并仅使用返回true的结果创建一个新数组。

var adults = persons.filter(function(person) {
  return person.age >= 18;
});

如果要将数组中的某些元素映射到其他对象，则可以使用map 。

var adultNames = adults.map(function(person) {
  return person.name;
});

最后，要将数组转换为单个字符串，可以使用join 。

document.getElementById("x").innerHTML = adultNames.join('and');