如何使用Array find函数在JavaScript中返回对象

Question

我有这个家庭作业，需要我将名为userID的参数传递给箭头函数。 在此函数内部，需要在称为用户的数组上使用.find函数。 该查找函数应返回一个包含用户ID的对象。 这是完整的说明：

在displaySelectedUser上方创建一个getSelectedUser箭头函数。 它应该带有一个userId参数，并在users集合上使用Array .find函数来查找并返回所选的用户对象。 您的.find调用应采用一个内联箭头函数，并对其参数进行解构以获得id属性。

users是一个数组： users =

[{
  age: 50,
  weight: 55,
  height: 6,
  country: 'US',
  name: 'Bob Manuel',
  id: 'ehriuiuye'
},
{
  age: 20,
  weight: 80,
  height: 6,
  country: 'UK',
  name: 'Michael Lawrence',
  id: 'fjikijd'
}];

我做了什么

const getSelectedUser  = (userId) =>{
    users.find(element => element.id === userId);
};

现在，自动分级机返回以下错误：

创建一个“ getSelectedUser”函​​数，该函数返回所选的“用户对象”。 有关详细信息，请参见说明。

我创建的函数有什么问题吗？

Answer 1

尝试这个：

const getSelectedUser = (userId) => users.find(({id}) => id == userId)

Answer 2

我猜想可能是说明书中提到的“破坏”。 解构是将对象的选定属性分配给变量的过程。 例如，如果您有一个对象

const foo = { 
    bar: "hi",
    baz: "friend"
}

您可以通过foo.bar和foo.baz或通过使用

const {bar, baz} = foo;

它将定义两个变量bar和baz 。

在您的情况下，您可以进行解构，而不是指定arrow函数的element参数。

编辑：正如评论中指出的那样，您不会从getSelectedUser函数返回任何内容。 您可能需要return user.find(element => ...)或可能return user.find(({id}) => ...)

编辑2：完整代码应为：

const getSelectedUser = (userId) => {
    return users.find(({id}) => id === userId);
};

或简称：

const getSelectedUser = (userId) => users.find(({id}) => id === userId);