Filtering arguments in GraphQL - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to filter users by their age.

GraphQL

query { users(age: [1]) { id name } }

Drag options to blanks, or click blank then click option'

A"25"

Btrue

Cage

D25

Attempts:

3 left

💡 Hint

Common Mistakes

Using quotes around the number, which makes it a string.

Passing a boolean value instead of a number.

The age argument expects a number without quotes to filter users by age.

2fill in blank

medium

Complete the code to filter products by category.

GraphQL

query { products(category: [1]) { id name price } }

Drag options to blanks, or click blank then click option'

A"electronics"

Btrue

Ccategory

Delectronics

Attempts:

3 left

💡 Hint

Common Mistakes

Passing the category without quotes, causing a syntax error.

Using a boolean value instead of a string.

The category argument expects a string value, so it must be enclosed in quotes.

3fill in blank

hard

Fix the error in the query to filter posts by published status.

GraphQL

query { posts(published: [1]) { id title } }

Drag options to blanks, or click blank then click option'

ATrue

Btrue

C"true"

D1

Attempts:

3 left

💡 Hint

Common Mistakes

Using quotes around boolean values.

Capitalizing boolean values incorrectly.

The published argument expects a boolean value without quotes and lowercase.

4fill in blank

hard

Fill both blanks to filter books by author and year.

GraphQL

query { books(author: [1], year: [2]) { title author year } }

Drag options to blanks, or click blank then click option'

A"J.K. Rowling"

BJ.K. Rowling

C2020

D"2020"

Attempts:

3 left

💡 Hint

Common Mistakes

Passing author without quotes.

Passing year as a string with quotes.

The author argument expects a string with quotes, and the year expects a number without quotes.

5fill in blank

hard

Fill all three blanks to filter events by location, date, and isActive status.

GraphQL

query { events(location: [1], date: [2], isActive: [3]) { id name location date isActive } }

Drag options to blanks, or click blank then click option'

A"New York"

B"2023-07-01"

Ctrue

D2023-07-01

Attempts:

3 left

💡 Hint

Common Mistakes

Passing date without quotes.

Passing boolean as a string.

Forgetting quotes around location.

Location and date are strings and need quotes; isActive is a boolean and does not need quotes.

Practice

1.

What is the main purpose of filtering arguments in a GraphQL query?

easy

A. To get only the data you need by specifying conditions

B. To change the structure of the data returned

C. To add new data to the database

D. To delete data from the database

Solution

1. Step 1: Understand filtering arguments

   Filtering arguments are used to specify conditions that limit the data returned by a query.

2. Step 2: Identify the purpose in the context of data retrieval

   They help get only the data you need, making queries efficient and faster.

3. Final Answer:

   To get only the data you need by specifying conditions -> Option A

4. Quick Check:

   Filtering arguments = get needed data [OK]

Hint: Filtering arguments limit data returned by conditions [OK]

Common Mistakes:

• Thinking filtering changes data structure
• Confusing filtering with data modification
• Assuming filtering adds or deletes data

2.

Which of the following is the correct syntax to filter users by age greater than 25 in a GraphQL query?

{
  users(age_gt: 25) {
    id
    name
  }
}

easy

A. { users(age: {gt: 25}) { id name } }

B. { users(age_gt: 25) { id name } }

C. { users(filter: {age: 25}) { id name } }

D. { users(age > 25) { id name } }

Solution

1. Step 1: Identify correct GraphQL filter syntax

   GraphQL uses argument names like age_gt to filter values greater than 25.

2. Step 2: Compare options with standard syntax

   { users(age_gt: 25) { id name } } uses age_gt: 25 correctly; others use invalid or incorrect syntax.

3. Final Answer:

   { users(age_gt: 25) { id name } } -> Option B

4. Quick Check:

   Correct filter syntax = { users(age_gt: 25) { id name } } [OK]

Hint: Use _gt suffix for 'greater than' filters [OK]

Common Mistakes:

• Using operators like > inside arguments
• Passing filter as nested object incorrectly
• Using equality instead of greater than

3.

Given the query below, what will be the output if the database has users with ages 20, 30, and 40?

{
  users(age_gte: 30) {
    name
  }
}

medium

A. [{"name": "User30"}, {"name": "User40"}]

B. [{"name": "User20"}]

C. [{"name": "User20"}, {"name": "User30"}, {"name": "User40"}]

D. []

Solution

1. Step 1: Understand the filter age_gte: 30

   This filter returns users with age greater than or equal to 30.

2. Step 2: Check which users match the condition

   Users with ages 30 and 40 match; user with age 20 does not.

3. Final Answer:

   [{"name": "User30"}, {"name": "User40"}] -> Option A

4. Quick Check:

   age_gte 30 returns users 30 and 40 [OK]

Hint: gte means greater than or equal [OK]

Common Mistakes:

• Including users younger than 30
• Confusing gte with gt
• Returning empty list incorrectly

4.

Identify the error in the following GraphQL query that tries to filter products by price less than 100:

{
  products(price_lt 100) {
    id
    name
  }
}

medium

A. Incorrect field name 'products' instead of 'productList'

B. Using wrong filter suffix 'lt' instead of 'lessThan'

C. Missing curly braces around filter argument

D. Missing colon ':' between argument name and value

Solution

1. Step 1: Check argument syntax in the query

   The argument price_lt 100 is missing a colon ':' between the argument name and value.

2. Step 2: Confirm correct syntax for filtering

   Correct syntax requires a colon: price_lt: 100.

3. Final Answer:

   Missing colon ':' between argument name and value -> Option D

4. Quick Check:

   Arguments need ':' separator [OK]

Hint: Always use ':' between argument and value [OK]

Common Mistakes:

• Omitting colon ':' after argument name
• Using wrong filter suffix names
• Confusing field names

5.

You want to query a list of books published after 2010 and with more than 300 pages. Which of the following GraphQL queries correctly applies both filters?

{
  books(published_gt: 2010, pages_gt: 300) {
    title
    author
  }
}

hard

A. { books(filter: {published: {gt: 2010}, pages: {gt: 300}}) { title author } }

B. { books(published: {gt: 2010}, pages: {gt: 300}) { title author } }

C. { books(published_gt: 2010, pages_gt: 300) { title author } }

D. { books(published_gt: 2010 pages_gt: 300) { title author } }

Solution

1. Step 1: Understand how to apply multiple filters in GraphQL

   Filters are passed as separate arguments separated by commas.

2. Step 2: Check each option for correct syntax and filter usage

   { books(published_gt: 2010, pages_gt: 300) { title author } } correctly uses commas and proper filter names; others have syntax errors or wrong structure.

3. Final Answer:

   { books(published_gt: 2010, pages_gt: 300) { title author } } -> Option C

4. Quick Check:

   Multiple filters use commas and correct suffixes [OK]

Hint: Separate filters with commas and use _gt suffix [OK]

Common Mistakes:

• Missing commas between arguments
• Using nested filter objects incorrectly
• Omitting colons between argument and value