为什么过滤方法不能正常工作？

Question

我试图在一个变量中保存得分为80分或80分以上的学生的姓名，但我无法使用filter进行保存，它返回整个对象，尽管我指定只打印这些对象的键值，即这些学生的姓名。

我的代码：

// Students names/scores
let students = [
    {name: "Ahmed" , score: 84},
    {name: "Samira" , score: 69},
    {name: "Dana" , score: 75},
    {name: "Basil" , score: 100},
    {name: "Fahad" , score: 91},
    {name: "Aljawhara" , score: 80},
    {name: "Fadi" , score: 70},
]


// Students who scored 80 or more using filter
let studentsScoredMoreThan80 = students.filter((item,index,array) => {
    if(item.score >= 80) return item.name;
})
console.log(studentsScoredMoreThan80);

我怎样才能得到得分在80分以上的学生的名字？

Answer 1

Array.filter中回调的返回值转换为布尔值，如果item.score

Answer 2

Filter 从数组中删除元素 从数组开始，根据条件仅保留其部分元素，然后返回新数组，保留原始数组不变。它没有别的作用。它期望true或false作为返回值（表示保留或放弃），但您返回的是项。name（这是truthy，因此它的工作原理类似于true）。

然后，您需要使用map将完整的学生对象转换为字符串（它们的名称）：

let students = [
    {name: "Ahmed" , score: 84},
    {name: "Samira" , score: 69},
    {name: "Dana" , score: 75},
    {name: "Basil" , score: 100},
    {name: "Fahad" , score: 91},
    {name: "Aljawhara" , score: 80},
    {name: "Fadi" , score: 70},
]


// Students who scored 80 or more using filter
let studentsScoredMoreThan80 = students
                                  .filter(student => student.score > 80)
                                  .map( student => student.name);

console.log(studentsScoredMoreThan80)

Answer 3

过滤器只是过滤列表，它不会将列表项投影到新结构中。

您要查找的是过滤器和映射的组合。首先筛选您的列表：

let studentsScoredMoreThan80 = students.filter(item => item.score >= 80);

然后将结果映射到所需的新结构：

studentsScoredMoreThan80 = studentsScoredMoreThan80.map(item => item.name);