GraphQL 是一种用于 API 的查询语言，它提供了强大的数据查询功能，允许前端开发者精确地获取他们所需要的数据。在 GraphQL 中，数据过滤和排序是非常重要的功能，本文将介绍 GraphQL 中如何实现数据过滤和排序。
GraphQL 中的数据过滤
GraphQL 中的数据过滤可以通过参数传递来实现。GraphQL 允许开发者在查询中传递变量，这些变量可以用于限制查询结果的数量和内容。
例如，假设我们有一个查询语句：
query getUser {
user(id: 1) {
id
name
email
}
}这个查询语句将返回 ID 为 1 的用户的信息。如果我们想要限制返回的信息，可以通过添加参数来实现：
query getUser($fields: [String]) {
user(id: 1, fields: $fields) {
id
name
email
}
}上面的查询语句中，我们添加了一个名为 fields 的参数，这个参数是一个字符串数组。当我们执行查询时，可以将参数传递给服务器端，例如：
{
"fields": ["id", "name"]
}这个查询将只返回用户的 ID 和名字。
GraphQL 还支持通过输入对象进行数据过滤。例如，我们有一个查询语句：
query getUsers {
users(filter: { isActive: true }) {
id
name
email
isActive
}
}在这个查询语句中，我们传递了一个名为 filter 的参数，这个参数是一个对象，用于过滤用户数据。在示例中，我们只返回 isActive 属性值为 true 的用户。
GraphQL 中的数据排序
GraphQL 中的数据排序可以使用传递的参数来实现。开发者只需在查询语句中添加一个名为 sort 的参数，它是一个枚举类型，表示按何种方式对数据进行排序。
例如，我们有一个查询语句：
query getUsers {
users(sort: NAME_ASC) {
id
name
email
}
}在这个查询语句中，我们添加了一个参数 sort，它是一个枚举类型，表示按照名字的字母顺序升序排列。GraphQL 支持以下排序方式：
- ASC：升序排列
- DESC：降序排列
除枚举类型外，GraphQL 还支持通过输入对象进行排序。例如，我们有一个查询语句：
query getUsers {
users(sort: { field: NAME, order: DESC }) {
id
name
email
}
}在这个查询语句中，我们传递了一个名为 sort 的参数，这个参数是一个对象，其中包含了字段名和排序方式。在示例中，我们按照名字的字母顺序降序排列。
示例代码
下面是一个使用 GraphQL 实现数据过滤和排序的示例代码：
// javascriptcn.com 代码示例
type User {
id: ID!
name: String!
email: String!
isActive: Boolean!
}
enum UserFields {
ID,
NAME,
EMAIL,
IS_ACTIVE
}
enum UserSort {
ID_ASC,
ID_DESC,
NAME_ASC,
NAME_DESC,
EMAIL_ASC,
EMAIL_DESC,
IS_ACTIVE_ASC,
IS_ACTIVE_DESC
}
type Query {
user(id: ID!): User!
users(filter: UserFilter, sort: UserSort): [User]!
}
input UserFilter {
isActive: Boolean
}
input UserSortInput {
field: UserFields!
order: UserSort!
}
schema {
query: Query
}
上面是一个 GraphQL 的 Schema 示例代码，其中包含了 User 类型、UserFields 枚举类型、UserSort 枚举类型、UserFilter 输入对象、UserSortInput 输入对象以及 Query 类型。这个 Schema 支持用户数据的过滤和排序功能。
总结
GraphQL 提供了强大的数据查询功能，允许前端开发者精确地获取他们所需要的数据。数据过滤和排序是 GraphQL 中的重要功能，可以通过参数传递和输入对象来实现。了解并掌握这些功能可以让开发者更加高效地使用 GraphQL 从服务器端获取数据。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652b5a407d4982a6ebd4df25