在前端开发中，GraphQL 已经成为了一种流行的数据查询语言。它可以帮助我们更加高效地获取数据，但是在使用过程中也会遇到一些问题，其中之一就是对象转换后字段丢失的问题。本文将介绍如何解决这个问题。
问题描述
在使用 GraphQL 查询数据时，我们通常会得到一个包含多个字段的对象。例如，我们查询一个用户的信息，得到的对象可能长这样：
- --- ---- ----- ------- ---- --- ------ ------------------ -
然而，在前端应用中，我们可能只需要用到其中的一部分字段。因此，我们需要将这个对象转换成一个新的对象，只包含我们需要的字段。例如，我们只需要将上面的对象转换为：
- --- ---- ----- ------ -
我们可以使用如下代码进行转换：
----- ---- - - --- ---- ----- ------- ---- --- ------ ------------------ -- ----- ------- - - --- -------- ----- --------- --
然而，这种方法有一个问题：如果我们查询到的原始对象中有新增的字段，我们需要手动更新转换代码，否则这些新增的字段就会被丢失。例如，如果我们查询到的用户信息新增了一个字段 phone，我们需要手动更新转换代码：
----- ------- - - --- -------- ----- ---------- ------ ---------- --
这样做非常麻烦，而且容易出错。有没有更好的方法来解决这个问题呢？接下来，我们将介绍一种更加优雅的解决方案。
解决方案
我们可以使用一个叫做 pick 的函数来解决这个问题。pick 函数可以从一个对象中选取我们需要的字段，并返回一个新的对象。例如，我们可以使用如下代码来转换上面的用户信息对象：
----- ---- - ----- ----- -- ----------------- ---- -- ---- -- --- -- --------- - ---------- ----- ---- ----- ---- - - --- ---- ----- ------- ---- --- ------ ------------------ -- ----- ------- - ---------- ------ ---------
使用 pick 函数，我们只需要指定我们需要的字段，就可以从原始对象中提取出这些字段，而不需要手动更新转换代码。如果原始对象中有新增的字段，我们不需要做任何修改，这些新增的字段也会被正确地包含在转换后的对象中。
示例代码
下面是一个完整的示例代码，演示了如何使用 pick 函数进行对象转换：
----- ---- - ----- ----- -- ----------------- ---- -- ---- -- --- -- --------- - ---------- ----- ---- ----- ---- - - --- ---- ----- ------- ---- --- ------ ------------------ -- ----- ------- - ---------- ------ --------- --------------------- -- - --- ---- ----- ------ -
结论
在使用 GraphQL 查询数据时，我们通常需要将查询结果转换成一个新的对象，只包含我们需要的字段。然而，手动更新转换代码是非常麻烦的。我们可以使用一个叫做 pick 的函数来解决这个问题。pick 函数可以从一个对象中选取我们需要的字段，并返回一个新的对象。使用 pick 函数，我们只需要指定我们需要的字段，就可以从原始对象中提取出这些字段，而不需要手动更新转换代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672611ef2e7021665e19737d